body{
    margin: 0px;
    background-image: url('17872.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 35px;
    padding-top: 140px;
    padding-bottom: 0px;
    background-color: black;
}
#loading-overlay {
    background-color: rgb(0, 0, 0); /* Usando uma cor preta com 80% de opacidade */
    position: fixed; /* Alterado para fixed para cobrir toda a tela independentemente da rolagem */
    z-index: -1; /* Ajustado o z-index para garantir que fique acima de outros elementos */
    width: 100vw;
    height: 100vh;
    opacity: 0;
    display: flex; /* Adicionado flex para centralizar o conteúdo */
    justify-content: center; /* Centralizando horizontalmente */
    align-items: center; /* Centralizando verticalmente */
    color: white; /* Definindo a cor do texto como branco */
    font-size: 24px; /* Ajustando o tamanho do texto conforme necessário */
    text-align: center;
}
#background h1{
    color: white;
    font-weight: bold;
    font-size: 60px;
    text-shadow: 3px 3px 8px black;
    text-align: left;
}
@media (max-width: 550px){
    #background h1{
        font-size: 38px;
    }
}
.logo{
    height: 140px;
    width: auto;
}
#background h2{
    color: rgb(152, 240, 130);
    font-size: 40px;
    font-weight: bolder;
    text-align: left;
    text-shadow: 2px 2px 8px black;
}
#rigth{
    background-color: rgba(255, 255, 255, 0.925);
    background-size: cover;
    width: 100%;
    padding: 15px;
    font-weight: bold;
    margin-bottom: 25px;
    border-radius: 15px;
    border: 2px solid rgba(111, 255, 95, 0.712);
}

#btn{
    width: 100%;
    border-radius: 8px;
    background: rgb(31, 212, 62);
    border: 1px solid rgb(31, 212, 62);
    height: 45px;
    font-size: 22px;
    font-weight: bold;
}