JSFiddle - React, Tailwind, and code Playground

Rainbow Page Background

by Jennifer Perrin

CSS

body {
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00BCD4;
    -webkit-animation: rainbow 25s infinite;
    animation: rainbow 25s infinite;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@-webkit-keyframes rainbow {
    0% {
        background: #00BCD4;
    }
    25% {
        background: #00C853;
    }
    50% {
        background: #C62828;
    }
    75% {
        background: #4527A0;
    }
    100% {
        background: #00BCD4;
    }
}
@keyframes rainbow {
    0% {
        background: #00BCD4;
    }
    25% {
        background: #00C853;
    }
    50% {
        background: #C62828;
    }
    75% {
        background: #4527A0;
    }
    100% {
        background: #00BCD4;
    }
}