html {
    overflow-x: hidden;
}

body {
    margin: 0;
    height: 100vh;
    background-image: url('../images/menu/background.png');
    animation: moveDiagonal 20s infinite linear;
    font-family: 'Pixelify Sans';
    color: aliceblue;
    font-size: 2rem;
    font-weight: 400;

}


@keyframes moveDiagonal {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% -100%;
    }
}

.release {
    margin-top: 230px;
}

.cover {
    margin-top: 16px;
    margin-left: -288px;
}

.symbol {
    margin-top: 110px;
    margin-left: -140px;
    width: 280px;
}


.logo {
    margin-top: 170px;
    margin-left: -140px;
    width: 280px;

}

.logo-start {
    margin-top: 200px;

}

footer {
    height: 100px;
    background-color: aliceblue;
    height: 30px;
    font-size: 1rem;
    color: black;
}

a {
    color: aliceblue;
    text-decoration: none;
}

a:visited {
    color: aliceblue;
}

#animated {
    width: 1664px;
    height: 480px;
    background-image: url(../images/about/animated_hd.gif);
    background-size: cover;
    background-position: center;

}

#text1 {
    width: 1084px;
    height: 48px;
    background-image: url(../images/menu/text1.png);
    background-size: cover;
    background-position: center;

}

.about {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 1600px) {

    #animated {
        width: 832px;
        height: 960px;
        background-image: url(../images/about/mobile_hd.gif);
    }

}

@media screen and (max-width: 830px) {

    #animated {
        width: 416px;
        height: 480px;
        background-image: url(../images/about/mobile_hd.gif);
    }

    #text1 {
        width: 540px;
        height: 100px;
        background-image: url(../images/menu/text1_mobile.png);
    }

}

@media screen and (max-width: 620px) {

    #text1 {
        width: 430px;
        height: 80px;
        background-image: url(../images/menu/text1_mobile.png);
    }

}