body { 
    
    font-family: 'Source Sans Pro', sans-serif;
    
    color:white;
    
  background: rgba(154,61,204,1);
background: -moz-linear-gradient(top, rgba(154,61,204,1) 0%, rgba(36,0,56,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(154,61,204,1)), color-stop(100%, rgba(36,0,56,1)));
background: -webkit-linear-gradient(top, rgba(154,61,204,1) 0%, rgba(36,0,56,1) 100%);
background: -o-linear-gradient(top, rgba(154,61,204,1) 0%, rgba(36,0,56,1) 100%);
background: -ms-linear-gradient(top, rgba(154,61,204,1) 0%, rgba(36,0,56,1) 100%);
background: linear-gradient(to bottom, rgba(154,61,204,1) 0%, rgba(36,0,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a3dcc', endColorstr='#240038', GradientType=0 );
    
    margin: 1em;
    
    padding: 1em;
    
}



nav ul {    
    
       padding: 1em ;
    
    margin: 1em;
    
    width: 15em;
    
    display: flex;
    
    list-style: none;
    
    justify-content: space-evenly;
    
    align-content: center;
    
    text-align: center;
    
    background: black;
}


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




li {    
    
    list-style: none;
    
}





.integrantes {    
    
    font-size: 1em;   
    
    padding: 0,5em 0,5em;  
    
    display: flex;    
    
    flex-wrap: wrap;   
    
    text-align: center;    
    
    justify-content:space-evenly;  
    
    align-content: center;
    
    border:.1em groove #2e9d9d;
    
   
}

.integrantes li a:hover {
    
        background-color: #2e9d9d;
    
        float: center;
}
    
    
.integrantes li a {
    
        background-color: black;
    
        text-decoration: none;
    
        color:white;
    
        display:block;
    
        padding: 1em 1em;
    
        justify-content: space-around;
    
}







header {    
    
    display: flex;  
    
    justify-content: center;    
    
}       



.contenedor{
    
            text-align: center;
    
            background: black;
    
}



.box1 {
    
       margin-left: 0em; 
    
       text-align: center;
      
}

.box2 { 
    
       margin-left: 0em;  
    
       text-align: center;
    
}


.box3 { 
        margin-left:0em; 
    
        text-align: center;
}


    
.todobody {
    
    display: block;
    
    margin: 1em 1em;
    
    padding: 0em;
    
    font-size: 40em;
    
    letter-spacing: 0.06em;
    
    text-align: center;
   
}



.imgRedonda {
 width:16em;
    height:16em;
    border-radius:9.5em;
    display: block;
    margin: auto;
    margin-top: 3em;
     box-shadow: 5px 5px 15px #313131;   
  
}

h1 {
    
    font-size:4em;
    
    text-transform:uppercase;
    
    letter-spacing: 0.02em;
    
    font-weight: 1000em;
    
    text-align: center;
    
    margin-top: 1em;
    
    margin-bottom: 0em;
    
    color:black;
  
}


h2 {
    
    font-size: 1,3em;
    
    text-transform:uppercase;
    
    letter-spacing: 0.02em;
    
    font-weight: 1000em;
    
    margin-top: 0em;
    
    text-align: center;
    
    color:white;
    
}
  


.nontitle {
    
    color:#2e9d9d;
    
}
 


h3 {
    
    font-size: 1.3em;
    
    text-transform:uppercase;
    
    letter-spacing: 0.02em;
    
    font-weight: 500em;
    
    margin-top: .3em;
    
    margin-bottom: -0.5em;  
    
    padding:.3em;
    
    text-align: center;
    
    color:#2e9d9d;
    
}



.subjects {
    
        background: black;
    
        text-align: left;
    
        font-size: .9em;
    
        letter-spacing: 0.02em;
    
        text-align: center;
    
        padding-top: -2em;
    
        border:.1em groove black;
    
        padding-bottom: 1em;
    
}



h4 {
    
    font-size: 1.3em;
    
    letter-spacing: 0.02em;
    
    font-weight: 500em;
    
    font-style:bold;
    
    color:white;
    
    margin-bottom: 1em;
    
    text-align: center;
    
}



h5 {
    
    font-size: 0,9em;
    
    text-transform:uppercase;
    
    letter-spacing: 0.2em;
    
    font-weight: 300em;
    
    color:white;
    
    text-align: center;
    
    margin-bottom: .5em; 
    
}


h6 {
    
    font-size: 1em;
    
    text-transform:uppercase;
    
    letter-spacing: 0.2em;
    
    font-weight: 1000em;
    
    color:#2e9d9d;
    
    text-align: left;
    
    margin-bottom: .5em; 
    
}

h7 {
    
    font-size:2em;
    
    text-transform:uppercase;
    
    letter-spacing: 0.02em;
    
    font-weight: 1000em;
    
    margin-top: 0em;
    
    text-align: left;
    
    color:white;
    
}

h8 {
    
    font-size: 1,5em;
    
    letter-spacing: 0.02em;
    
    font-weight: 500em;
    
    font-style:bold;
    
    color:#2e9d9d;
    
    margin-bottom: 1em;
    
    text-align: center;
    
}

.aside {
    
        margin-left: 0em;
    
        margin-bottom:1.5em;
    
        font-size: 1em;
    
}





footer {
    
        margin-left: 1em;
    
        margin-bottom: 0em;
    
        font-size: 0.8em;
    
        text-align: left;
    
        color: #2e9d9d;
    
        margin top:2em;

}