style.css

    * {
        box-sizing: border-box;
    }
    
    html, body {
        margin: 0;
    }

    body {
        display: flex;
        flex-direction: column;

        height: 100vh;

        font-family: 'Roboto', sans-serif;

        background-color: #a2f7cf;

    }

    footer {
        margin-top: auto;
    }


header, input, section, footer, main, table {
    text-align: center;
}

.form h2{
    color: rgb(0, 0, 0);
}

.form {
    display: grid;
    grid-template-columns: 1fr, 1fr;


    background-color: #ffffff;

    padding: 16px 64px;

    border-radius: 6px;

}

.form input,
.form button {
    width: 100%;
    margin-bottom: 4px;
    padding-top: 8px;
    padding-bottom: 8px;

    box-sizing: border-box;

   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;


   border: 1px rgb(0, 0, 0) solid;
  }

  .form input {
      background-color: transparent;
  }

  .form input::placeholder {
      color: #12160eaa
  }

  .form button{
      font-weight: bold;
  }

header, .form, main {
    margin-bottom: 40px;
    width: 50%;
    max-width: 500px;

    margin-left: auto;
    margin-right: auto;
}

header button {
    padding: 8px 16px;
    border-radius: 4px;
    border: none;
   

    background-color: #ffffff;
    color: rgb(0, 0, 0);

    font-weight: bold;
}

footer {
    margin-top: auto;
    padding-bottom: 16px;

    border: 1px solid #eeeeee;
}

main h2 samp{
    color: rgb(255, 255, 255);

}

.logo {
    width: 150px;
    margin: 50px 0;
    
}

.Bio, .his, .geo {
    width: 160px;
    margin: 50px;    
   }


main button, section button {
    padding: 8px 16px;
    border-radius: 4px;
    border: none;
   

    background-color: #ffffff;
    color: rgb(0, 0, 0);

    font-weight: bold;}

    .plam {
        width: 200px;
        margin: 60px;
    }

    .matriz {
        width: 300px;
        margin: 60px;
    }