* {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    
}

a{
    color: white;
}


/** HEADER: Regresar **/

header{
    font-family: 'Lato';
    background-color: #dadad9;
    
    position: relative;
}

h3{
    color: #5EC0C6;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 18% 0% 0% 0%;
}

#menu{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;   
}

/** MAIN **/

main{
    background-color: #5EC0C6;
    font-family: 'Lato';
    padding: 40px;
}

div p{
    background-color:#ffffff;
    text-align: center;
    font-size: 12px;
    margin-top:20px;
    padding: 30px;
    border-radius: 20px 20px 20px 20px;
}

h4{
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

 span{
    margin: 40px;
    
    display:flex;
    justify-content: space-around;
    align-items: center; 
    
} 

h5{
    font-family: 'Lato';
    color: #ffffff;
    padding: 1% 0% 2% 0%;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight:10;
}


#redes{
 margin: 5px;
    display:flex;
    justify-content: space-around;
    align-items: center; 
    
}



/* FOOTER */

footer{
    font-family: 'Lato';
    font-size: 11px;
    color: #6f6f6e;
    text-align: center;
    background-color: #dadad9;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 10px;
   
    border-style: solid;
    border-color: #6f6f6e;
    border-width: thin;
    border-left-color: #dadad9;
    border-right-color: #dadad9;
}
#pie{
    color:#5EC0C6;
    display: flex;
    justify-content:space-around;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    
}
ul{
    list-style: none;
}