.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .pixel-border {
            border: 4px solid #4E403B;
            box-shadow: 6px 6px 0 #000;
            image-rendering: pixelated;
        }
        .pixel-frame {
             border: 16px solid;
             border-image-slice: 4;
             border-image-width: 16px;
             border-image-repeat: repeat;
             border-image-source: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H4V4H0V0Z" fill="%234E403B"/><path d="M8 0H12V4H8V0Z" fill="%234E403B"/><path d="M4 0H8V4H4V0Z" fill="%23F5EFE6"/><path d="M0 4H4V8H0V4Z" fill="%23F5EFE6"/><path d="M8 4H12V8H8V4Z" fill="%23F5EFE6"/><path d="M4 4H8V8H4V4Z" fill="%234E403B"/><path d="M0 8H4V12H0V8Z" fill="%234E403B"/><path d="M8 8H12V12H8V8Z" fill="%234E403B"/><path d="M4 8H8V12H4V8Z" fill="%23F5EFE6"/></svg>');
             image-rendering: pixelated;
        }