html {
    scroll-behavior: smooth;
}

#constant {
    will-change: transform;
    animation: spinny 10s infinite;
}

@keyframes spinny {
    0% {
        rotate: 0deg;
        filter: sepia(0) saturate(2);
    }

    50% {
        rotate: 180deg;
        filter: sepia(1) saturate(8);
    }

    100% {
        rotate: 360deg;
        filter: sepia(0) saturate(2);
    }
}

@keyframes flicker {

    0%,
    19%,
    21%,
    25%,
    54%,
    56%,
    100% {
        text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px gold, 0 0 80px gold;
    }

    20%,
    24%,
    55% {
        text-shadow: none;
    }
}

h1 {
    will-change: transform;
    animation: pulse 5s infinite, flicker 6s infinite alternate;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);
    }
}