body{
background-color: rgb(105, 122, 149);
    margin:auto;
}

article{
background-color: rgb(76, 129, 214);
width:850px;
height: 400px;
margin:10rem auto 0px auto;
padding:50px;
position:relative;
border-radius: 5px;
}

a{
display:block;
text-align: center;
color:rgb(255, 255, 255);
text-decoration: none;
font-size: 30px;
list-style: none;
font-family: serif;
font-style:normal;
margin: 20px auto 5px auto;
position:relative;
padding-top:7px;
}

section{
background-color: rgb(154, 182, 227);
width:250px;
height: 400px;
margin:0px 15px 0px 15px;
float: left;
position:relative;
border-radius: 20px;
}

#cero{
background-image: url(img/jt36.svg);
background-repeat:no-repeat;
background-size: 100%;
display:block;
width: 150px;
height:150px;
position: relative;
margin: -173px auto 20px auto;
}

#uno{
background-image: url(img/fede.jpg);
background-repeat:no-repeat;
background-size: 100%;
display:block;
width: 175px;
height:325px;
position: relative;
margin:auto;
margin-bottom: 7px;
border-radius: 10px;
}

h2{
color:rgb(255,255,255);
display:block;
text-align: center;
margin: 15px auto;
font-size: 27px;
}

h3{
color:rgba(255,255,255,0.75);
display:block;
text-align: center;
margin: 15px auto;
font-size: 21px;
}

#uno-a{
background-image: url(avatar1.jpg);
background-repeat:no-repeat;
background-size: 110%;
display:block;
width: 175px;
height:175px;
position: relative;
margin:30px auto;
margin-bottom: 7px;
border-radius: 20px;
text-align: center;
}

#uno-b{
background-image: url(avatar2.jpg);
background-repeat:no-repeat;
background-size: 110%;
display:block;
width: 175px;
height:175px;
position: relative;
margin:30px auto;
margin-bottom: 7px;
border-radius: 20px;
text-align: center;
}

#uno-c{
background-image: url(avatar3.jpg);
background-repeat:no-repeat;
background-size: 110%;
display:block;
width: 175px;
height:175px;
position: relative;
margin:30px auto;
margin-bottom: 7px;
border-radius: 20px;
text-align: center;
}
#dos{
background-image: url(img/jes.jpg);
background-repeat:no-repeat;
background-size: 100%;
display:block;
width: 175px;
height:325px;
position: relative;
margin:auto;
margin-bottom: 7px;
border-radius: 10px;

}
#tres{
background-image: url(img/fer.jpg);
background-repeat:no-repeat;
background-size: 100%;
display:block;
width: 175px;
height:325px;
position: relative;
margin:auto;
margin-bottom: 7px;
border-radius: 10px;
}

aside{
background-color: rgb(77, 115, 177);
width: 950px;
height: 50px;
margin:5px auto 0px auto;
border-radius: 5px;
}

aside a{
margin-top:0px;
margin-left: 120px;
text-align: center;
line-height: center;
}

#no a{
color:rgba(255,255,255,0.25);
}

aside a{
float:left;
}

footer{
background-color: rgb(96, 113, 139);
width: 950px;
height: 100px;
margin:110px auto 0px auto;
border-radius: 5px;
padding:10px
}

footer a {
color:rgba(255,255,255,0.5);
font-size: 20px;
text-align: center;
margin: auto;
    
}
footer p {
font-size: 20px;
color:rgba(255,255,255,0.5);
    text-align: center;
    margin: auto;
}