@charset "utf-8";
* { 
    margin: 0;
    padding:0;
    box-sizing: border-box;
}


.contenedor {
    max-width: 50em;
    margin: 0 auto; 
}

footer p {
    padding: 2em;
    font-style: oblique;
    
}
footer {
     background-color: #92d0bb;
    height: 12em;
    align-items: center;
 
    
}
html{
    height: -webkit-fill-available;
}

header .contenedor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width:50em;
    margin: 0 auto;    
    height: 7em;
}
header {
    background-color: #92d0bb;
    box-shadow: 0 4px 2px color:#c4c4c4;
    
}

header ul{
    list-style: none;
    display: flex;
    
}
header ul li {
    width: 4em;
    height: 2em;
    margin-left: .25em;
    display: flex;
   
    
}
header ul li a {
    width: 100%;
    height: 100%;
    background-color:#ffffff;
    color:#40a583;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .90em;
}

header ul li a:hover{
    color: #ffffff;
    background-color: #000000;
    
}


body{
    font-family:sans-serif,arial;
    min-height: 100vh;
     background-color:#ffffff;
            
}

main{
    background color:#d63535;
    flex-grow: 1;
    display: flex;
   Flex-direction: column;
    max-width: 50em;
    margin: auto;
   
    
}

.usuario {
    margin: auto;
    text-align: center;
    padding: 1em;
 
 
    
}

 
.usuario img {
    margin: auto;
    text-align: center;
    max-width: 12em;
    max-height: 12em;
    border: .25em solid #92d0bb;
    border-radius: 50%;

}
#logo {
    display: block;
    width: 8em;
}

h1{
    height: 1em;  
    font-size: 3em;
    color: #4ea386;
}
.header p{
    font-family:sans-serif;
    
}
.header p2{
    font-style: italic;
    font-stretch: expanded;
    
}
ul{
    list-style: none;
}

.contenedoraRedes {
     display: flex;
 justify-content: center;
    align-items: center;
    padding: 5px;
    
}
.contenedoraRedes a {
     width:6em;
    height: 2em;
    background-color:#92d0bb;
    text-decoration: none;
    border-radius: 60px;
    padding: 7px;
    color:aliceblue;
    margin: 4px;
    
}
.contenedoraRedes a:hover{
    color: #ffffff;
    background-color: #000000;
}

.carrera{
    display: flex;
   background-color:#cef7e9;
    padding: 2em;
    width: 50em;

}

.materiasaprobadas{
    width: 70%;
    padding: 4;
    padding-left: 2em;
}

.actuales {
    padding: 20; 
    
    padding-left: 2em;
 
}



.contenedoraDgpc{
    background-color: #ffffff;
    text-align: center;
    padding: 5em;
    
  
}

.integrantes ul{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2em;

}

.integrantes ul li a{
    width: 9em;
    height: 4em;
    background-color:#92d0bb;
    text-decoration: none;
    border-radius: 60px;
    padding:  1em;
    color:aliceblue;
}

.integrantes ul li a:hover{
    color: #ffffff;
    background-color: #000000;
}

.comitente a {
    background-color:#92d0bb;
    text-decoration: none;
    border-radius: 60px;
   color:aliceblue;
    margin: 5em;
    padding: auto;
    margin-top: 5em;

  
} 

.comitente a:hover{
    color: #ffffff;
    background-color: #000000;
}



 @media screen and (max-width: 800px){
    .contenedor{
       font-size: small;
         width: 100%;
       
    }
    footer {
        padding: 2em;
       
    }
    
     
    .usuario{
        display: flex;
        flex-direction:column;
        padding: 1em;
        font-size: x-small;
        justify-content: flex-start;
        margin: 0.5em;
     
        
    }
   
    .carrera{
        display: flex;
        flex-direction:column;
        padding: 1em;
        width:100%

        }
    .actuales{
        padding: 2em;
    }
    
        
    .contenedoraDgpc{
        padding: 1em;
        display: flex;
        flex-direction: column;
    
    }
    .integrantes ul li a{
        display: flex;
        flex-direction:column;
        
    }
}       

        
    

    





