body {
    /* font-family: "Rubik Mono One", monospace ; */
    font-family: monospace;
    color: #fff;
    background-color: #1c1c1c;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100vh;
    min-height: 100vh;
    animation: background 10s infinite linear;
}

.wave {
    user-select: none;
    -webkit-box-reflect: below 0 linear-gradient(transparent, rgba(255,255, 255, 0.1));
}

.wave span {
    display: inline-block;
    font-size: 5vw;
    animation: wave 1.8s infinite calc(.1s * var(--i));
}

@keyframes wave {
    0%, 40%, 100% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-20px);
    }
}

@keyframes background {
    0%, 20%, 40% {background-color: #243657;}
    60%, 80%, 100% {background-color: #4e2457;}
}