@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800')
*{box-sizing:content-box;
    
}
.contenedor {
max-width: 100%; 
margin: auto;
grid-template-columns: auto auto ;
display: grid;
grid-column-gap: 50px;

}

.grid-container {
text-align: justify;
display: grid;
grid-template-columns: auto auto;
padding: 3rem
}


nav ul a {
text-decoration: none;
text-align: center;
float:right;
padding: 0.3rem;
font-family: 'Poppins', sans-serif; 
font-weight: 200;
font-size: 0,5rem;
color:darkgray;
margin: 3rem 4rem 2rem 0rem ;
background: white;
border-bottom-style: solid;
border-color: grey;
}




.info {
width: 40%;
margin: 6rem 0rem 6rem 0rem;
} 




.avatar img {  
display: inline-grid;
height: auto;
border-radius: 10rem;
border-radius: 100%;
max-width: 60%;
height: auto;
margin: 18rem 0rem 0rem 3rem

}


a:hover{
border-color: #ed0909;

}


h1{
display: inline-grid; 
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 4rem;
margin: 0rem 0rem 1rem 3rem ;
line-height: 6rem;
width:40%;
}

.info a{
width: 50%;
padding: 10 19 10 10;
width: 3%;
text-decoration: none;
text-align: center;
font-size: 15px;
margin-left: 2rem;
float: left;
color:grey;
border-radius: 100px;
border-color: black;
border: 2px solid #ddd;
}



div a {
text-decoration: none;
font-family: 'Poppins', sans-serif;
font-weight: 600;
letter-spacing: 3px;
line-height: 0.6;
padding: 0rem 5rem 0rem 15rem ; 
font-size: 20px;
    
}

.imagen{
margin: 5rem 6rem 0rem 5rem;
}


.materias{
max-width: 100%;
text-align: justify;
display: grid;
grid-template-columns: auto auto;
}

.materiasaprobadas{
width: 50%;
    
    
}

.materiasencurso{
width: 50%;
padding: 20rem 0rem 0rem 0rem;
}


p{
font-family:'Poppins', sans-serif;  

}


body section{
margin: 0rem 0rem 0rem 0rem;
padding: 5rem 5rem 11rem 7rem;
background: black;
    
}


h2{
text-decoration: line-through;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 1.4rem;
padding: 0rem 0rem 0rem 1rem;
color:white;

}


h3{
padding: 1rem 0 0 0 0;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: whitesmoke;
border-bottom-style: solid;
border-color: whitesmoke;
border-width:thin;
}


body p{
padding: 2rem 0rem 0rem 4rem
font-family: 'Poppins', sans-serif;
font-weight: 200;
font-size: 0.8rem;
color: white;
}


.descripcion { 
background: black;
padding: 5rem 5rem 11rem 7rem;}

.descripcion h3{ border-bottom: none; font-size: 1rem; }
footer {
padding: 9rem 3rem 0rem 0rem;
font-family: 'Poppins', sans-serif;
font-size: 0.7rem;
text-align: center;
color: white;
font-weight: 200;
padding: 0rem 15rem 0rem 15rem;
background: black;
}