body{
    background-color: #D1EBFF;
}

#headerTitulo {
    background: #80C4F8;
    border-radius: 20px;
    border: 2px;
    border-style: solid;
    border-color: #117A65;
    padding : 15px;
    display : flex;
}
#divTitulo{
    width : 75%;
    color: #1C2833;
    text-align: center;
    font-weight: bolder;
    font-style: italic;
}

#header-imagen{
    width: 25%; 
    border-style: solid;
    border-radius: 10px;
    border-color: black; 
}

#hunter{
    border-style: solid;
    border-radius: 10px;
    border-color: green;
    width: 300px;
    height: 500px;
}

#blue{
    width: 250px;
    height: 220px;
    border-style: solid;
    border-color: #2471A3;
}

#death{
    border-style: solid;
    border-radius: 10px;
    border-color: black;
    width: 300px;
    height: 500px;
}

#metal{
    border-style: solid;
    border-radius: 10px;
    border-color: blue;
    width: 300px;
    height: 500px;
}

#himura{
    border-style: solid;
    border-radius: 10px;
    border-color: red;
    width: 300px;
    height: 500px;
}

#evangelion{
    border-style: solid;
    border-radius: 10px;
    border-color: purple;
    width: 300px;
    height: 500px;
}

#piece{
    border-style: solid;
    border-radius: 10px;
    border-color: gray;
    width: 300px;
    height: 500px;
}

#navega {
    background: #C39BD3;
    border-radius: 20px;
}

nav ul {
  display: flex;
  justify-content: center;
  border-radius: 20px;
  border: 2px;
  border-style: solid;
  border-color: #76448A;
  list-style: none;
  padding : 5px;
}

li {
  background: #F4D03F;
  color: black;
  font-size: 20px;
  border-radius: 10px;
  border-style: solid;
  border-color: #F39C12;
  padding:5px;
  margin:3px;
  font-weight: bolder;
  font-style:italic; 
}

a {
    color : #CB4335;
    text-decoration: none;
}


article {
    display:flex;
    justify-content: center;
    margin : 15px;
    background: #58D68D;
    border-radius: 15px;
    padding:15px;
    border-style: solid;
    border-color: #138D75;
}

#gon{
    background: #ABEBC6;
    font-style: italic;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;
}

#light{
    background: #A9DFBF;
    font-style: italic;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;
}

#edward{
    background: #7DCEA0;
    font-style: italic;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;
}

#kenshin{
    background: #ABEBC6;
    font-style: italic;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;
}

#luffy{
    background: #A2D9CE;
    font-style: italic;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;
}

#shinji{
    background: #58D68D;
    font-style: italic;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;
}


article div {
    width :400px;
    background: #D5F5E3;
    padding: 20px;
    border-radius: 15px;
}

article div p {
    background: #EAFAF1;
    border-radius: 20px;
    font-weight: 300;
    padding :15px;
    font-size: 20px;
    font-style: italic;
    color : #3b72a0;
    text-align: center
}

article  img {
    margin : 15px;
}

footer{
    background : #A9CCE3;
    border-radius: 20px;
    border: 2px;
    border-style: solid;
    border-color: #1F618D;
    padding : 2px;
    display : flex;
    margin: 15px;
}

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

#contenedorPrincipal{
    display:flex;
}

section {
  width: 80%;  
}

aside{ 
    width: 20%;
    border: 2px;
    border-color: #007DAD;
    border-style: solid;
    background: #75D8FE;
    padding:5px;
    border-radius: 20px;
}

aside p{
    background: #A5E5FD;
    border-radius: 15px;
    font-weight: 300;
    padding :15px;
    font-size: 15px;
    color : black;
    text-align:center; 
}