html,body{width:100%;
height:100%;
}
header {background-size:cover;
height: 10%;
}
h1 {text-align: center;
font-family: 'Oswald', sans-serif; }
body{background-color: deeppink
}
div {width: 60%;
length:60%;
background-color: aqua;
text-align: center;
}
.logo{
transform: translateY(-20%);
position: fixed;
top: 0,3%;
right: 3%;
}
.cuadro{text-align: center;
margin:auto;
height: 60%;
width: 60%;
padding: 10px;
box-shadow: 2px 2px 2px #000000;
border-radius: 5px;
transform: translateY(+10%);}
.cuadro2{text-align: center;
margin:auto;
height: 90%;
width: 80%;
padding: 10px;
box-shadow: 2px 2px 2px #000000;
border-radius: 5px;
}
.cuadro3{text-align: center;
margin:auto;
height: 60%;
width: 60%;
padding: 10px;
box-shadow: 2px 2px 2px #000000;
border-radius: 5px;
transform: translateY(+10%);}
.imagen{ margin: auto;
height: 75%;
width: 50%;
}
.imagen2{margin: auto;
height: 70%;
width: 60%}
.imagen3 {margin: auto;
height: 75%;
width: 50%;}
nav {background-color:none;}
nav ul li {display:inline;}
nav ul li a {text-decoration: none;
color: #000000;
background-color: yellow;
font-size: 1.3em;
padding: 0px 36px 10px 36px;
margin: 2px;
position: relative;
top: -2px;
border-radius: 0px 0px 8px 8px;
text-shadow: 2px 2px 1px #FFFFFF;
text-align: center;
}
nav ul li a:hover {color: #000000;
background-color: tomato;
text-shadow: 2px 2px 1px #FA2222;
text-align: center;
box-shadow: 2px 2px 4px #000000;
}
*{padding: 0px;
margin: 0px;}