body{font-family: sans-serif; font-size: 1rem; background-image: linear-gradient(45deg,#CEE007,#339E35);
background-image: -webkit-linear-gradient(45deg,#CEE007,#339E35);
background-image: -moz-linear-gradient(45deg,#CEE007,#339E35);
background-image: -o-linear-gradient(45deg,#CEE007,#339E35);
background-attachment: fixed;}

section{width:60%; margin: 0 auto; background: white; }
#animacion{width:100%;}
h2{text-align: center; font-size: 1.5rem; color: gray; margin-bottom: 1rem;}
hr{width: 85%;}


#leyenda{width:70%; margin: 0 auto; padding:1rem; box-shadow: 3px 3px 3px 3px gray; background:white; box-sizing: border-box;}
#leyenda p{line-height: 1.5rem; color: dimgrey;}

#aviso{width: 85%; margin: 0 auto; padding: 1rem;}
.aviso{width: 50%; margin: 0 auto; padding: 1rem; border: 2px solid red; box-shadow: 3px 3px 3px 3px gray;}
#aviso p{font-size: .8rem; color: gray; line-height: 1.5rem;}
#firma{text-align: right;}
#subir,#salir{float: left; width: 33%; }
#subir a{color: black;}
#salir a{color: black;}

#botones{margin:0 auto; width: 70%; box-sizing: border-box; margin-bottom: 2rem;}

nav ul{overflow: hidden; padding: .5rem; width: 100%; box-sizing: border-box;}

nav ul li{
            list-style: none; 
            float: left; 
            width:50%; 
            background-color: #339E35; 
            padding: .5rem 0; 
            text-align: center; 
            border-radius: 8px;
            color:white;
             
            font-size: 1rem; 
            box-shadow: 2px 2px 3px 3px #424242;
            box-sizing: border-box; }

nav ul li:hover{background-color: #CEE007;}

a{text-decoration: none;}

/*AREA PARA DIFERENTES TAMAÑOS DE PANTALLA*/

@media screen and (max-width:900px)
{
    
    section{width: 70%;}
    
     #leyenda p{font-size: .8rem;}
    
    #botones,#leyenda{width: 85%;}
    
    nav ul li{font-size: .8rem; font-weight: normal; padding: .5rem; box-sizing: border-box;}
    
}

@media screen and (max-width:500px)
{
    
    section{width: 85%;}
    nav ul li{font-size: .7rem;}
    #leyenda p{font-size: .8rem;}
    nav ul li{width: 100%; float: none; margin: .5rem auto;}
    
}