html{
    background-image: linear-gradient(135deg, #00B7DA, #505488, #2F3F80, #161569,
     #5A4894,#A959A1, #FF7CAE );
    background-size: 500%;
    width: 100%;
    height: 100%;
    animation: fanimado 10s infinite;
    
}
@keyframes fanimado{
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 50%;

    }
    100%{
        background-position: 0% 50%;
    }
}

body {
width: 100%;
text-align: center;

}


.section1{
    display: inline-block;
    margin: 50px 50px 20px 40px ;
    
 }

 .section2{
    display: inline-block;
    margin: 10px 50px 20px 40px ;
   
    
 }

 .section3{
    display: inline-block;
    margin: 50px 50px 20px 40px ;
    
 }

button{
    border-color: #000000;
    width: 100px;
    height: 40px;
    border-radius: 10px;
    font-size: small;
    box-shadow: 8px 8px 35px 0px rgba(64, 87, 123, 0.75);
}
   
input{
    border-color: #000000;
    border-radius: 10px;
    box-shadow: 8px 8px 35px 0px rgba(64, 87, 123, 0.75);
    width: 50px;
    } 
    



.ilustration1{
    width: 250px;
    align-content: center;
    display: inline-block;
    padding: 25 10 25 25;
   
    
    
}



h1{
    color:white;
    font-family: monospace;
    margin-top: 30px;
}
h2{
    color:whitesmoke;
    font-family: monospace;
}
h3{
    color:whitesmoke;
    font-family: monospace;
    font-size: 20px;
    margin-top: 0;
    
    
    
}
textarea{
    height: 50px;
    width:250px;
    box-shadow: 8px 8px 35px 0px rgba(0, 0, 0, 0.75);
    margin-bottom: 20px;
    border-radius: 10px;
    
}