html {
    scroll-behavior: smooth;
}

.alt {
    background: radial-gradient(
        circle at top center,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(50, 50, 100, 0.2) 40%,
        #0e0b31 50%
    );
}
.animations .animation-card:nth-child(even) > div {
    background-color: #1a1f33 !important;
}

/* back to top button */
.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

p > a{
    color: #A6A6A6 !important;
}

@media (min-width: 1024px) {
    .animations-container {
        padding: 40px 140px !important;
    }
    .animations {
        column-gap: 32px !important;
        row-gap: 24px;
    }
    .animations .animation-card:nth-child(even) > div {
        background-color: #1a1f33 !important;
    }

    .scroll-link {
        font-size: 16px !important;
    }
    #scroll-nav {
        padding-inline: 140px !important;
    }
}