@media only screen and (min-width: 320px) {
    h1 {
        animation: shadow 3s infinite alternate;
    }

    @keyframes shadow {
        0% {
            text-shadow: 0rem 0rem 1rem red, 0rem 0rem 2rem orange, 0rem 0rem 3rem yellow;
        }

        20% {
            text-shadow: 0rem 0rem 1rem orange, 0rem 0rem 2rem yellow, 0rem 0rem 3rem green;
        }

        40% {
            text-shadow: 0rem 0rem 1rem yellow, 0rem 0rem 2rem green, 0rem 0rem 3rem blue;
        }

        60% {
            text-shadow: 0rem 0rem 1rem green, 0rem 0rem 2rem blue, 0rem 0rem 3rem indigo;
        }

        80% {
            text-shadow: 0rem 0rem 1rem blue, 0rem 0rem 2rem indigo, 0rem 0rem 3rem violet;
        }

        100% {
            text-shadow: 0rem 0rem 1rem violet, 0rem 0rem 2rem red, 0rem 0rem 3rem orange;
        }
    }

    @keyframes time {
        0% {
            color: green;
        }

        10% {
            color: green;
        }

        20% {
            color: green;
        }

        30% {
            color: green;
        }

        40% {
            color: green;
        }

        45% {
            color: green;
        }

        48% {
            color: green;
        }

        49% {
            color: green;
        }

        50% {
            color: red;
        }

        60% {
            color: red;
        }

        70% {
            color: red;
        }

        80% {
            color: red;
        }

        90% {
            color: red;
        }

        100% {
            color: red;
        }
    }
}