body {
    background-color: #050505;
    color: #dcdcdc;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.void {
    position: relative;
    width: 100vw;
    height: 100vh;
    padding: 60px;
}

.moving {
    position: absolute;
    left: 60px;
    animation: drift 18s infinite alternate ease-in-out;
    opacity: 0.85;
}

.delay1 {
    top: 140px;
    animation-duration: 22s;
}

.delay2 {
    top: 260px;
    animation-duration: 26s;
}

.delay3 {
    top: 380px;
    animation-duration: 30s;
}

@keyframes drift {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(120px);
    }
}

.back {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 12px;
    opacity: 0.4;
}

a {
    color: #888;
    text-decoration: none;
}

a:hover {
    color: #fff;
}
@keyframes drift {
    from { transform: translateY(0px); }
    to   { transform: translateY(40px); }
}
@keyframes drift {
    from { transform: translateX(0px); }
    to   { transform: translateX(3px); }
}
.moving {
    animation: drift 20s infinite alternate,
               fade 12s infinite alternate;
}

@keyframes fade {
    from { opacity: 0.2; }
    to   { opacity: 0.9; }
}