@charset "utf-8";

/* reglas generales */


header {    margin-left: -3em;
            margin-right: -3em;
            margin-top: -1.1em;
    
}



body {
    background-color: #8bb36b;
    text-align: left;
    font-family: sans-serif;
    text-transform: none;
    margin-left: 3em;
    margin-right: 3em;
    
}


p {     margin-top: -0.5em;
        margin-bottom: 2em;
        margin-left: 0em;
    
}


ul {    list-style: none;
    
}



/* 
    primera parte para el celular
    mobile first
*/



main article {  font-size: 0.9em;
    
}



header {    text-align: center;
            background-color: antiquewhite;
            
}



header figure img { text-align: center;
                    margin-top: 1.2em;
        
}


header nav ul li {  display: inline-block;
                    margin-top: 1.5em;
    
}



header nav ul li a {    color: black;
                        font-size: 00.9em;
                        text-decoration-line: none;
                        background-color: none;
                        display: block;
                        text-align: center;
                        margin: 0 2.5em 0.3em 0;
                        margin-bottom: 1em;

}



header nav ul li a:hover {  background-color: none;
                            text-decoration-line: none;
                            color: #1d683b;
                            font-size: 0.95em;
                            font-weight: 800;

}




h1 {    font-weight: 600 ;
        font-size: 2.5em;
        text-transform: none;  
        color: #1c4f31;
        margin-bottom: 0.4em;    
    
}



h2 {    margin-bottom: 0.5em;
    
}



main h2 {   font-size: 1.4em;
            font-weight: 550;
            text-decoration-line: none;
            margin-top: 0em;
            margin-left: 0;
            color: #1c4f31
        
}



body ul {   margin-bottom: 1.5em;
            margin-top: 0em;
            margin-left: -3em;


}



/* 
    segunda parte para escritorio
*/