*{/* RESET */
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}
body{
    height: 100vh;
    background-color:#ecffca ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.cabecalho{
    display: flex;/* filhos um do lado do outro */
    flex-direction: column;/* filhos em coluna */
    gap: 18px;/*  espaçamento entre os filhos */
    align-items: center;/*  alinhamento dos filhos */

}
.cabecalho img {
    width: 200px; /* largura da imagem */
    height: 200px;/* altura da imagem */
    border-radius: 100%; /*  arredondar borda */
    border: black 3px solid;/* adicionar borda*/
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
 }
 .cabecalho h1 {
    font-size: 20px;/* tamanho da fonte */
   }
   .btns{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}
   .btns a{
    background-color: #7cefb9;
    color: black;
    text-decoration: none;/* tirar decoração da tag <a> */
    width: 235px;
    display: flex;
    justify-content: center;/* alinhar eixo x */
    padding: 16px;/*  espaçamento interno */
    border-radius: 58px;
    border: black 2px solid;
    box-shadow: black 5px 5px 0px;
}
.btns a:hover{
    background-color: #27ef92;
}