*{
   font-family: Arial, Helvetica, sans-serif;
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

textarea{
   background-color: rgb(156, 245, 251);
   resize: none;

}

textarea:hover{

   background-color: aquamarine;
   box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
   transition: all 0.5s ease;

}

h1{

   color: white;
   margin-top: 0%;
}

h2{
   font-style: italic;
}

.p1{

   font-style: inherit;

}


.head{

   margin-top: 0px;
   background-color: blue;
   width: 100%;
   height: 75px;
   text-align: center;
   margin-left: 0%;
   margin-right: 0%;
   padding-top: 0%;

}


.instructivo{

   margin-top: 25px;
   background-color: white;
   align-items: center;
   text-align: center;
   margin-left: 25%;
   margin-right: 25%;
   margin-bottom: 50px;
   
   
}

.instructivo p{
   color: gray;
   font-style: oblique;
}

a{

   color: grey;
   font-style: oblique;

}

.caja_1{

   height: 350px;
   background-color: rgb(156, 245, 251);
   width: 100%;
}

.caja_1_1{
   position: absolute;
   height:350px;
   width: 33.33%;
}

.caja_1_1 #input1, #input2, p1{

   margin-top: 10px;
   margin-left: 50px;
   color: black

}

.caja_1_2{
   position: absolute;
   margin-left: 33.33%;
   height: 350px;
   width: 33.33%;
   
}


#boton1{
   background-color: blue;
   border-color: black;
   border-color: blue;
   color: white;
   height: 75px;
   width: 150px;
   margin-left: 30%;
   margin-top: 65px;
   border-radius: 60px;
   font-size: 20px;

   
}

#boton2{

   margin-left: 35%;
   background-color: blue;
   border-color: black;
   border-color: blue;
   color: white;
   height: 50px;
   width: 150px;
   margin-top: 50px;
   border-radius: 60px;
   margin-left: 30%;
   font-size: 15px;

}

.caja_1_3{
   position: absolute;
   margin-left: 66.66%;
   height: 350px;
   width: 33.33%;
}


#input1, #input2, #input3{

   color: black;
   font-family: 'Courier New', Courier, monospace;

}

#input3{
   margin-top: 17%;
   margin-left: 5%;
   color: black;
}

footer{

   background-color: blue;
   height: 90px;
   text-align: center;
   width: 100%;
   position: absolute;

}

footer p{
   margin-top: 5px;
   color: white;
   font-weight: 300;
   border-right: none;
}

#footer_1_1{
   position: absolute;
   margin-top: 5px;
   background-color: black;
}

#boton1:hover{

   background-color: aquamarine;
   color: black;
   border-color: aquamarine;
   box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
   transition: all 0.3s ease;

}

#boton2:hover{

   background-color: aquamarine;
   color: black;
   border-color: aquamarine;
   box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
   transition: all 0.3s ease;

}