@charset "utf-8";
*{  
box-sizing: border-box;
margin: 0;
padding:0;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    text-align: center;
    
}
li{
    color: black;
    list-style: none;
}

body{
    background-color: #A398A0;
  
    }
h1{
    text-align: center;
    background:#88D4F2;
    text-align: center;
    color: black;
    font-size:18;
    padding:15px;
    width:320px;
    color: black;
    text-align: center;
    margin: auto;
    
}

h2{
   text-align: center; 
}

}
header nav ul li a {
    color: #f5a992;
    text-decoration: none;
    display:block; 
    text-align: center;
}

h3{ 
   
    background:#88D4F2;
    padding: 1em;
    max-width: 23%;
    margin:auto;
    margin-bottom: 0.625em;
    border-radius:5%;
    line-height:4px;
    

}

h4{
    background:#88D4F2;
    padding: 1em;
    max-width: 23%;
    margin:auto;
    margin-bottom: 0.625em;
    border-radius:5%;
    line-height:4px;  
  
}
.boton3{
    width: 300px;
    height: 50;
    background:#1D256D;
    
    margin:auto;
    margin-bottom: 10px;
    
    border-radius:10px;
    text-align:center;
    line-height: 50px;
    
    font-size: 16px;
    
    color:white; 
}

.boton4{
    width: 300px;
    height: 50;
    background:#DF310C;
    
    margin:auto;
    margin-bottom: 10px;
        
    border-radius: 10px;
    text-align: center;
    line-height: 50px;
    
    font-size: 16px;
        
    color:white;
}

.boton5{
    width: 300px;
    height: 50;
    background:#88D4F2;
    
    margin:auto;
    margin-bottom: 10px;
        
    border-radius: 10px;
    text-align: center;
    line-height: 50px;
    
    font-size: 18px
        
    color:black;
}

header img{
    display: block;
    margin: auto;
    margin-bottom: 50px;
    margin-top:50px
}