*{
    margin:0;
}
header{
    height:20%;
    width:100%;
    padding-top:2%;
    padding-bottom:2%;
    border-bottom: 2px solid cadetblue;
    background-color: rgba(99,201,201,0.4);
}
nav{
    margin-top:2%;
    float:left;
    display:flex;
    flex-direction:column;
    width:25%;
    position:fixed;
}
ul{
    list-style-type:none;
    padding:0%;
}
li{
    margin-bottom:1%;
    padding-top:15px;
    padding-bottom:15px;
    border-radius:7px;
    text-align:center;
    background:linear-gradient(to bottom right, rgba(99,201,201,1), rgba(99,201,201,0.3));    
}
ul a{
    text-decoration:none;
    font-family:roboto;
    font-size:1.5em; 
    color:white;
    text-shadow: -3px 3px 2px rgba(51,148,148,1);
}
article{
    float:left;
    margin-top:2%;
    width:73.5%;
    padding-left:1%;
    margin-left:25.5%;
}
h1{
    font-family:roboto;
    color:cadetblue;
    text-align:center;
    font-family:Anton;
}
.imagenes{
    color:cadetblue;
    font-family:Mina;
}
.videos{
    color:cadetblue;
    font-family:Mina;
}
.img{
    padding-top:1.6%;
}
.img img{
    width:33%;
    float:left;
}
.png{
    padding-top:2%;
}