#headerTitulo{
	background:url(../images/galaxia.jpg) no-repeat center center fixed;
	background-size:auto;
	height:230px;
	width: 96%;
    display: flex;
    border-radius: 20px;
    padding: 15px;
}

#divTitulo{
    color: white;
    text-align: center;
    width:auto;
    font-weight: bolder;
    font-style: normal;
}

#imagenTitulo{
    width: auto;
}

body{
    background: pink;
}

#navEnlaces{
    background: #77C3FF;
    margin: 20px;
    
}

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

li{
    background: #FEF8A6;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
    font-style: oblique;
}

a{
    text-decoration: none;
}
#divContenedorPrincipal{
    display: flex;
}

.articleInnerSenshi{
    display: flex;
    justify-content: center;
    margin: 20px;
    background: #ECA6FE;
    border-radius: 15px;
    padding: 30px;
}

.articleInnerSenshi div{
    width: 600px;
    background: #FEF8A6;
    padding: 10px;
    display:grid;
    text-align: center;
    border-radius: 10px;
}

#moon{
    background: #feb5f5;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;
}

.articleInnerSenshi img{
    padding: 15px;
    width: 200px;
    border-radius: 30px;
}

section{
    width: 75%;
    margin: 20px;
}

#tuxedo{
    background: black;
    border-radius: 15px;
    color: white;
    padding: 30px;
    text-align:center;
    margin: 20px;
}

#mercury{
    background: aqua;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;   
}

#mars{
    background: indianred;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;    
}

#jupiter{
    background: greenyellow;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center; 
}

#venus{
    background: orange;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center; 
}

#laChicle{
    background: #feb5f5;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center; 
}

#inner{
    text-align: center;
    color: black;
    font-style: oblique;
    margin: -20px;
    margin-top: 1px;
}

#outer{
    text-align: center;
    color: black;
    font-style: oblique;
    margin: -20px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.articleOuterSenshi{
    display: flex;
    justify-content: center;
    margin: 20px;
    background: gray;
    border-radius: 15px;
    padding: 30px;
}

.articleOuterSenshi div{
    width: 600px;
    background: white;
    padding: 10px;
    display:grid;
    text-align: center;
    border-radius: 10px;
}

.articleOuterSenshi img{
    padding: 15px;
    width: 200px;
    border-radius: 30px;
}

#uranus{
    background: dodgerblue;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;  
    
    
}

#neptuneImg{
    width: 80px;
}

#neptune{
    background: aquamarine;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center;  
}

#pluto{
    background: black;
    border-radius: 15px;
    color: white;
    padding: 20px;
    text-align: center; 
}

#saturn{
    background: purple;
    border-radius: 15px;
    color: white;
    padding: 20px;
    text-align: center; 
}

#saturnImg{
    width: 80px;
}

#villanos{
    text-align: center;
    color: black;
    font-style: oblique;
    margin: -20px;
    margin-top: 1px;
}

.aricleVillanos{
    display: flex;
    justify-content: center;
    margin: 20px;
    background: black;
    border-radius: 15px;
    padding: 30px;
}

.aricleVillanos div{
    width: 600px;
    background: gray;
    padding: 10px;
    display:grid;
    text-align: center;
    border-radius: 10px;
}

.aricleVillanos img{
    padding: 15px;
    width: 200px;
    border-radius: 30px;
}

.aricleVillanos p{
    background: white;
    border-radius: 15px;
    color: black;
    padding: 20px;
    text-align: center; 
}

aside{
    width: 25%;
    padding: 20px;
    border-radius: 15px;
    border: 1px white solid;
    margin: 5px;
    background: white;
    text-align: center;
}

aside p{
    background: #feb5f5;
    border-radius: 15px;
    padding :10px;
    color : black;
    text-align: center 
    
}

#pposter{
    background: dodgerblue;
    border-radius: 15px;
    padding :10px;
    color : black;
    text-align: center 
}

#imgPoster{
    width: 220px;
    border-radius: 20px;
}

footer{
   background : dodgerblue;
    border-radius: 20px;
    padding : 2px;
    display : flex; 
}

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

li:hover{
    background: white;
    color: white;
    border: 2px black solid;
    border-radius: 10px;
}

p:hover{
    background: white;
    color: blue;
    border: 3px black solid;
}

article:hover{
    background: darkblue;
    border: 3px black solid;
}
