@keyframes move-twink-back {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 5000px;
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotateY(360deg);
    }
}

body {
    background: #000 url('../images/stars.png') repeat;
}

.twinkling {
    background: transparent url('../images/twinkling.png') repeat top center;
    animation: move-twink-back 200s linear infinite;
}

.top-menu {
    top: 0;
    bottom: 0;
    height: 100vh;
    left: 0;
    right: auto;
    background: #212121;
    width: 200px;
    transform: translateX(-300px);
    transition-duration: 1s;
}

.open-top-menu {
    transform: translateX(0px);
}

body img.logo {
    width: 25vw;
    height: 25vh;
    z-index: 999;
    opacity: 0.7;
    animation: rotate 8s linear infinite;
}