*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
body{
    overflow: hidden;
}
.tela-carrigamento{
    position: relative;
    top: 0px;
    width: 100%;
    height: 800px;
    background-image: url(../img/SPACE\ MUSIC\ \(1\).png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: end;
}

.loading{
    width: 80px;
    height: 80px;
    background-image: url(../img/c8566fec544c8ccc49cf43d89558a619.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: -140px;
    animation: ros 5s linear infinite;
}


@keyframes ros{
    to{
        transform: rotate(0deg);
    }from{
        transform: rotate(360deg);
    }
}

 
 @media (min-width:320px) and (max-width:740px){
     
 *{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
body{
    overflow: hidden;
}
.tela-carrigamento{
    position: relative;
    top: 0px;
    width: 100%;
    height: 800px;
    background-image: url(../img/PA.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: end;
}

.loading{
    width: 60px;
    height: 60px;
    background-image: url(../img/c8566fec544c8ccc49cf43d89558a619.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: -190px;
    animation: ros 5s linear infinite;
}


@keyframes ros{
    to{
        transform: rotate(0deg);
    }from{
        transform: rotate(360deg);
    }
}

 
 }