@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Press+Start+2P&display=swap');


body{
    
        height: 100vh;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        background : linear-gradient(20000.60deg,
                                    #22a3b2 25%,
                                        #427bd1 80%,
                                        #0c3b52 100%);
                                        background-attachment: fixed;
                                        background-size: cover;
                                    
                                
                                } 

.cabecalho{
    width: 2000px;
    margin: 15% 15%; 
    font-size: 25pt;
    font-family:"Krona One", sans-serif ;
    display: flex;
    align-items:start;
   
}

.descricao__1{
    font-size: 25pt;
    font-weight: 600;
    

}
.nome{
    color: white;
}
.cabecalho__nome{
   font-size: 27pt;

}

.cabecalho__geral{
    width: 800px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    
}


.imagem{
    display: flex;

    width: 500px;
    margin: 0px 100px;
    border: 10px solid hwb(187 15% 28%);
    border-radius: 10px;
}

.conteudo{
    width: 800px;
  
    margin: -26% 15%;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    font-family: "Krona One", sans-serif;
    font-size: 12pt;
    padding-top: 10%
    
    
}

.conteudo_geral{
    display: flex;
    flex-direction: column;
    gap: 20px;
    


}

.cabecalho__links{
  margin: 5% 0%;
  display: flex;
  justify-content: space-between;
  width: 600px;

}

.cabecalho__links__botoes{
   background-color: hwb(220 2% 23%);
   width: 250px;
   text-align: center;
   font-size: 20px;
   border-radius: 10px;
   font-weight: 600;
   padding: 21px 0px;
   text-decoration: none;
   color: black;
   font-family: "Press Start 2P", system-ui;

}