@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@800&family=Space+Grotesk:wght@200;400&display=swap");

body {
    font-family: "Space Grotesk", sans-serif;
}

h1 {
    font-family: "Fira Code", monospace;
}

.text-gradient {
    background-image: linear-gradient(
        -45deg,
        #bbf7d0,
        #2dd4bf,
        #f97316,
        #2563eb,
        #6b21a8
    );
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}