.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.soft-diffusion {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

#mobile-menu {
    animation: mobile-menu-in 0.15s ease-out;
}

@keyframes mobile-menu-in {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid #006c49;
    outline-offset: 2px;
}