#Texto1{
text-align: center;
margin-top: 1%;

}

#Titulo1{
font-size: 23px;
color: green;
text-align: center;
margin-top: 1%;
}

body{
background-color: lightcyan; 
}

nav{
position: fixed;
width: 20%;
height: 100%;
background-color: black;
border: 4px groove black;
margin-top: 0;
background-image: url("esqui.jpg");
background-repeat: no-repeat;
background-size: 220%;
background-position: center;
}

li{
display: block;;
}

main{
width: 74%;
margin-left: 22%; 

padding: 1%;

font-size: 2em;
border: 4px groove red;

}

#foto{
margin-top:-7%;
margin-left: 5%;
width: 30%;
height: 30%;

transition: 2s;
}

#foto:hover{
margin-top:-7%;
margin-left: 5%;
width: 50%;
height: 50%;

border: 14px dotted red;
transition: 2s;
}



article{
width: 74%;
height: 60%;
margin-left: 22%;

}

#gif{
width: 20%;
height: 20%;
margin-top: 0;
margin-left: 62%;
float: left;

}