:root {
    --colorazulclaro: #95c2d8; 
    --colorazul1: #4e7d95;
    --colorazul2: #456e83;
    --colorgrisclaro: #f8f8f8;
    --colorblanco: #ffffff;
 }
    
* {
    box-sizing: border-box;
}
body{
    margin-left: 80px;
    margin-right: 100px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: var(--colorgrisclaro);
}

h1{
    text-align: left;
    font-size: 3rem;
    color: var(--colorazul2);
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: 50px;
}  
 div input[type="text"]{
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  border: 0.1px solid var(--colorazul2);
}
div input[type="date"]{
  width: 30%;
  margin-left: 50px;
  padding: 5px;
  margin-bottom: 10px;
  border: 0.1px solid var(--colorazul2);
}
div input[type="number"]{
  width: 30%;
  margin-left: 30%;
  padding: 6px;
  margin-bottom: 10px;
  border: 0.1px solid var(--colorazul2);
}
table {
   width: 100%;
   border-spacing: 0;
   font-size: 1em;
   
}
th{
    background-color: #4e7d95;
    text-align: center;
    padding: 5px;
    
}
td {
   width: 25%;
   text-align: left;
   vertical-align: top;
   border: 0.1px solid var(--colorazul2);
   
}
tbody td input[type="text"]{
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 0px;
    margin-bottom: 5px;
    width: 92%;
}
tbody td input[type="number"]{
    margin-top: 5px;
    margin-left: 158px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 50%;
}
button[type="submit"]{
    margin-top: 10px;
    width: 100px;
    padding: 5px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: var(--colorazul2);
    font-size: 1em;
    color: black;
    margin-left: 90%;
    border-style: none;
}