body{
    background: black;
}
#contenedor-header {
    background-image : url('/19091442XB2/images/16m.jpg');
    
    border-radius: 10px;
    padding : 15px;
    display : flex;
    text-align: center
}

#header-titulos{
    width : 70%;
    color:cyan;
    font-size: 20px;
    text-align: center;
    font-style:monospace; 
}

#header-imagen{
    width: 110px;  
    height: 110px;
    
}

#navega {
     background: linear-gradient(black, blue );
}

nav ul {
  
  display: flex;
  justify-content: center;
  list-style: none;
  padding : 5px;
}

li {
  background:black;
  font-size: 20px;
  border-radius: 10px;
  padding:5px;
  margin:3px;
  font-style:monospace; 
}


a {
    color : red;
    text-decoration: none;
}


article {
    display:flex;
    justify-content: center;
    margin : 15px;
    background: #000000;
    border-radius: 10px;
    padding:5px;
}

article div {
    width :600px;
    height: 400;
    background: linear-gradient(mediumblue, lime);
    padding: 1px;
    border-radius: 35px;
}
article div:hover {
    width :600px;
    height: 400;
    background: linear-gradient(lime,mediumblue, lime);
    padding: 1px;
    border-radius: 35px;
}

article div p {
    background: linear-gradient(black,black);
    border-radius: 10px;
    font-weight: 100;
    padding :1px;
    font-size: 20px;
    font-style: serif;
    color : #00CED1;
    text-align: center
}


article  img {
    margin : 10px;
    width: 300px;
    height:270px;
}

footer{
    background-image : url('/19091442XB2/images/16m.jpg');
    border-radius: 20px;
    padding : 2px;
    display : flex;
}
footer p:hover{
    background : #000000;
    border-radius: 20px;
    padding : 2px;
    display : flex;
}

.footer-p{
    color : cyan;
    font-weight: bolder;
    font-size: 20px;
    width : 50%;
    font-style: oblique;
    text-align: center
}

#contenedorPrincipal{
    display:flex;
}

section {
  width: 80%;  
}


aside{ 
    width: 20%;
    border: 4px black solid;
    padding:5px;
    border-radius: 20px;
}
aside p{
    background-image : url('/19091442XB2/images/14m.jpg');
    border-radius: 15px ;
    font-weight: 300;
    padding :15px;
    font-size: 15px;
    color : mediumturquoise;
    text-align: center 
}

aside p:hover{
    
    background: linear-gradient(orange, lime);
    border-radius: 15px ;
    font-weight: 300;
    padding :15px;
    font-size: 15px;
    color : white;
    text-align: center 
}


aside  img {
    margin : 10px;
    width: 200px;
    height:400px;
}