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

textarea{

   resize: none;
}

h1{

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

h2{
   font-style: italic;
}


.head{

   margin-top: 0px;
   background-color: rgb(236,76,18);
   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: 25px;
}

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

a{

   color: grey;
   font-style: oblique;

}

.caja_1{

   height: 350px;
   background-color: rgb(249, 162, 131);

}

.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:  rgb(236,76,18);
   border-color: rgb(236,76,18);
   color: white;
   height: 75px;
   width: 150px;
   margin-left: 30%;
   margin-top: 120px;
   border-radius: 60px;
   font-size: 20px;
   
}

#boton2{

   margin-left: 35%;
   background-color: rgb(236,76,18);
   border-color: rgb(236,76,18);;
   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: 2%;
   color: black;
}

footer{

   background-color: rgb(236,76,18);
   height: 100px;
   text-align: center;
   width: 100%;
   margin-top: 0px;

}

footer p{

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

#boton1:hover{

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

}

#boton2:hover{

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

}

textarea:hover{

   background-color:rgb(236,76,18);
   box-shadow: 0 4px 16px  rgb(249, 162, 131);
   color: white;
   transition: all 0.5s ease;

}