html{
    background-color: #355477;}
    
body{
    font-family: Quattrocento, Arial, Helvetica, sans-serif;
    background-color: #f2d848;
    margin 1rem;
    border: 1rem;}
    
/*header*/

header {
    font-family: Impact, Charcoal, sans-serif;
    background-color: #000000;
    margin:0rem;}
    
.logo{ 
    font-family: Impact, Charcoal, sans-serif;
    padding: 0rem;
    margin: 0rem;
    border: 0rem;
    text-decoration: none;
    color: #ffffff}
    
/*nav*/

nav {
    background-color:#000000; 
    font-family:monospace;}
nav ul { 
    list-style-type: none; 
    overflow: hidden;
    margin: 0rem;}
nav ul li {float: left ;
    font-family:sans-serif;
    color:black ;
    padding: 1rem 2rem;
    font-size: 0.7rem;}
nav ul li a {
    text-decoration: none;
    color: #ffffff}
main{
    background-color: #f2d848;
    margin: 0rem;
}
/*section*/
.propuesta{ 
    background-color: #e66c6c;
    text-align:justify;
    padding: 2rem;
    
}
.foto{
    background-color: #e66c6c;
    text-align: center;
    padding: 1rem;
    }
section{
    margin: 0rem;
    padding: 0rem;
    position:relative;
   }
span{
    background-color: black;
    padding: 0.5rem;
    font-size: 1rem;
    text-decoration: none;
    color: #ffffff
}
.float {
    float: left;
    width: 25%;
    text-align: left;
    margin: 0rem;
    padding: 2.5rem;
    }

/*footer*/
footer {
    float: left;
    color: #dff9fd;
    font-size: 1rem;
    font-style: italic;
    margin: 0rem;
    padding 1rem;
    background-color: #318fa0;
    text-align: center; 
    }