:root {
    --color-coffee: #F3EDE4;
}
body {
    font-family: 'Clash Grotesk', 'Lato', sans-serif;
    background-color: var(--color-background);
    color: var(--color-text);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 1s ease-in-out forwards;
}

.animate-fade-in-up > * {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}

.address-btn {
    transition: all 0.3s ease;
}

.address-btn:hover {
    background-color: #e5e5e5;
}

.address-btn.active {
    background-color: black;
    color: white;
}
#reviewsContainer, #scrollContainer {
    overflow-y: hidden;
}


.language-menu-button:focus {
    outline: none;
}

#language-menu {
    z-index: 50;
    transition: all 0.2s ease-in-out;
}

#language-menu a {
    transition: all 0.2s ease-in-out;
}