.cuerpo{
background-color: rgb(179, 226, 166);
padding: 80px;     
}

.titulo{
    display: grid;
    place-items: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.texto{
    color: rgb(0, 0, 0);
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
input{
    background-color: rgb(204, 249, 198);
}
.input {
    display: flexbox;
    padding: 1.3em 3em;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    margin: 10px;

}
  
  .input:hover {
    background-color: #23c483;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    color: #fff;
    transform: translateY(-7px);
}
  
  input:active {
    transform: translateY(-1px);
}
.input2{
    display: flexbox;
    padding: 1.3em 3em;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    background-color: #fff;
    border: none;
    border-radius: 2px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    justify-content: space-between 20px;

    
}
.formulario{
    display: grid;
}
.botones{
    padding: 15px;
    display: flex;
    justify-content: space-between 20px;
}
#tabla-html{
   display: flex;
   justify-content: center;
   align-items: center;
   color: #000;
   border: #000;
}
#resultados-tabla{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
}
#resultado-total{
    display: flex;
    justify-content: center;
    align-items: center;
}