@import "tailwindcss";


body {
    font-family: "Cormorant Infant", serif;
    font-optical-sizing: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cormorant Infant', serif;
}

#burger.open span:nth-child(1) {
    transform: rotate(45deg) translateY(0.5rem);
}

#burger.open span:nth-child(2) {
    opacity: 0;
}

#burger.open span:nth-child(3) {
    transform: rotate(-45deg) translateY(-0.5rem);
}
@keyframes parallax {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.animate-scroll {
    display: flex;
    animation: scroll 20s linear infinite;
}