html, body {
    padding: 0;
    margin: 0;
    background: #000000;
    overflow: hidden;
}

#preloader {
    color: white;
    position: fixed;
    left: 50%;
    top: 50%;
    translate: -50% -70%;
}

#preloader-progress {
    text-align: center;
    font-size: 2vw;
    font-family: sans-serif;
}

@keyframes loading-loop {
    0%, 66%, 100% {
        opacity: 0.2;
    }
    30%, 36% {
        opacity: 1;
    }
}

#preloader-animation > * {
    opacity: 0.05;
    font-size: 10vw;
}

#preloader-animation :nth-child(1) {
    animation: loading-loop 1s 0.3s infinite linear;
}

#preloader-animation :nth-child(2) {
    animation: loading-loop 1s 0.4s infinite linear;
}

#preloader-animation :nth-child(3) {
    animation: loading-loop 1s 0.5s infinite linear;
}