.cabeçalho{
    
    padding: 24px;
    
    background: linear-gradient(150deg, rgb(142, 92, 0), rgb(255, 255, 7));
   font-size: 40px;
    display:flex;
    justify-content: center;
    align-items: center;
   
}

.fresquinha{
    width: 80%;
    height:30px;
    background-color: darkorchid;
    border: 20px;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid rgb(35, 37, 39);
}

.bonus{
    width: 20%;
    height:30px ;
    background-color: rgb(117, 68, 142);
    border: 20px;
    border-radius: 5px;
    display:flex;
    justify-content: center;
    align-items: center;
    border: 2px solid rgb(35, 37, 39);
    
}

.bonus:hover{
    background-color: rgb(191, 65, 191);
    border: 2px solid rgb(0, 0, 0);
    font-size: 20px;
}

.corpo{
    border: 2px solid rgb(35, 37, 39);
  padding: 257px;
    background-color: rgb(207, 206, 207);
    border: 20px;
    border-radius: 3px;
   
        
}

.rodape{
    margin: 0;
    padding: 3px;
    justify-content: space-between;
    background: linear-gradient(150deg, rgb(142, 92, 0), rgb(255, 255, 7));
    
    border-color: black;
    border: 2px solid rgb(35, 37, 39);
   display: flex;
   height: 54px ;
   

}

.site{
    border: 0;
    padding: 0;
    background-color: aliceblue;
    height: 100%;
}


.flex-container {
    display: flex;
}

body{

   background-color: black; 
}



.swal-modal {
    background: linear-gradient(150deg, rgb(101, 66, 1), rgb(126, 126, 1));
    border: 3px solid rgb(0, 0, 0);
    width: 50%;


}

.esvasiar{
    background-color: rgb(123, 255, 57); 
    padding: 0;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 3px solid rgb(40, 68, 0);
width: 45%;
display: flex;
}

.comprar{
    background-color: rgb(253, 38, 38); 
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
   width: 45%;
   border: 3px solid rgb(104, 1, 1);
border-radius: 5px;
display: flex;

}

.dinheiro{
    background-color: rgb(255, 194, 11); 
    border-radius: 5px;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    border: 4px solid rgb(51, 41, 7);
    display: flex;
    width: 8%;
}

* {
    margin: 0;
    padding: 0;
}

.juntacompra{
display: flex;
justify-content: space-between;

padding: 8px;
margin: 0%;
width: 20%;
}

.esvasiar:hover{
    background-color: rgb(48, 235, 119);
    border: 3px solid rgb(40, 68, 0);
    font-size: 20px;
}


.comprar:hover{
    background-color: rgb(235, 117, 48);
    border: 3px solid rgb(104, 1, 1);
    font-size: 20px;
}

.jogos{
    background-color: rgb(235, 117, 48);
    border: 3px solid rgb(5, 0, 49);
    font-size: 15px;
    width: 10%;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 5px;
}