/* HOJA DE ESTILOS CARMELA */
 




h1 { color: indianred;
    font-family: 'Poppins', sans-serif; 
    font-size: 3em;
    text-align: center;
}


.circular--square {border-radius: 50%;
align-content: center;
box-shadow: 0 .35em .9em rgba(0, 0, 0, 0.30)}

h4 {font-size: 15px;
 text-align: left;
color: white;
font-family: 'Poppins', sans-serif;
margin-left: 20px;
margin-top: 30px;
margin-bottom: 25px;
padding-top: 10px;
}

.barra ul {padding-left: 0px;

align-content: center;
flex-direction: row;
}

.barra ul li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-right: 2px;
    background-color: darkturquoise;
    padding: 10px;
    width: 30%;
    display: inline-table;
    border-radius: 5px;
    text-align: center;
    align-items: center;
    flex-direction: row;
    justify-self: center;
    
}


body {
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    color: black;
    text-align: center;
    align-items: center;
    background-color:linen;
    padding:200px;
    padding-top: 20px;
    margin: auto;}


.materias {padding-right: 100px;
padding-left: 100px;}


.aprobadas li {
text-align: left;
padding: 0px 0px 10px 10px;
list-style: inside ;



}

.materias .aprobadas
{
    border-radius: 10px;
    padding: 0px 10px 0px 0px;
    background-color:indianred;
    box-shadow: 0 .35em .5em rgba(0, 0, 0, 0.43);
    
    }


.cursando li {
text-align: left;
padding: 0px 0px 10px 10px;
list-style: inside;
}

.materias .cursando
{
    border-radius: 10px;
    padding: 0px 10px 0px 0px;
    background-color:indianred;
    box-shadow: 0 .35em .5em rgba(0, 0, 0, 0.43);
    }


footer {
    background-color: indianred;
    padding-bottom: 0px;
    }

footer p {font-size: 10px;
padding: 1rem 2rem;
font-family: 'Roboto', cursive;}





@media only screen and (max-width: 800px) {  
    
    
    h1 { color: indianred;
    font-family: 'Poppins', sans-serif; 
    font-size: 3em;
    text-align: center;}


.circular--square {border-radius: 50%;
align-content: center;
box-shadow: 0 .35em .9em rgba(0, 0, 0, 0.30)}

h4{font-size: 15px;
 text-align: left;
color: white;
font-family: 'Poppins', sans-serif;
margin-left: 20px;
margin-top: 30px;
margin-bottom: 25px;
padding-top: 10px;
}

.barra ul {padding-left: 0px;

align-content: center;
flex-direction: row;
}

.barra ul li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-right: 2px;
    background-color: darkturquoise;
    padding: 10px;
    width: 30%;
    display: inline-table;
    border-radius: 5px;
    text-align: center;
    align-items: center;
    flex-direction: row;
    justify-self: center;
    
}


body{
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    color: black;
    text-align: center;
    align-items: center;
    background-color:linen;
    padding:10px
    

}




.aprobadas li {
text-align: left;
padding: 0px 0px 10px 5px;
list-style: inside ;



}

.materias .aprobadas
{
    border-radius: 10px;
    padding: 0px 10px 0px 0px;
    background-color:indianred;
    box-shadow: 0 .35em .5em rgba(0, 0, 0, 0.43)
    }


.cursando li {
text-align: left;
padding: 0px 0px 10px 5px;
list-style: inside;
}

.materias .cursando
{
    border-radius: 10px;
    padding: 0px 10px 0px 0px;
    background-color:indianred;
    box-shadow: 0 .35em .5em rgba(0, 0, 0, 0.43)
    }
    
.materias {padding-right: 10px;
padding-left: 10px;}


footer {
    background-color: indianred;
    }

footer p {font-size: 10px;
padding: 1rem 2rem;
font-family: 'Roboto', cursive;}

} 



    
    
    
    
@media only screen and (max-width: 600px){
    
    h1 { color: indianred;
    font-family: 'Poppins', sans-serif; 
    font-size: 3em;
    text-align: center;
}


.circular--square {border-radius: 50%;
align-content: center;
box-shadow: 0 .35em .9em rgba(0, 0, 0, 0.30)}

h4{font-size: 15px;
 text-align: left;
color: white;
font-family: 'Poppins', sans-serif;
margin-left: 20px;
margin-top: 30px;
margin-bottom: 25px;
padding-top: 10px;
}

.barra ul {padding-left: 0px;

align-content: center;
flex-direction: row;
}

.barra ul li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-right: 2px;
    background-color: darkturquoise;
    padding: 10px;
    width: 30%;
    display: inline-table;
    border-radius: 5px;
    text-align: center;
    align-items: center;
    flex-direction: row;
    justify-self: center;
    
}


body{
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    color: black;
    text-align: center;
    align-items: center;
    background-color:linen;
    padding:10px
    

}




.aprobadas li {
text-align: left;
padding: 0px 0px 10px 5px;
list-style: inside ;



}

.materias .aprobadas
{
    border-radius: 10px;
    padding: 0px 10px 0px 0px;
    background-color:indianred;
    box-shadow: 0 .35em .5em rgba(0, 0, 0, 0.43)
    }


.cursando li {
text-align: left;
padding: 0px 0px 10px 5px;
list-style: inside;
}

.materias .cursando
{
    border-radius: 10px;
    padding: 0px 10px 0px 0px;
    background-color:indianred;
    box-shadow: 0 .35em .5em rgba(0, 0, 0, 0.43)
    }
    
.materias {padding-right: 10px;
padding-left: 10px;}


footer {
    background-color: indianred;
    }

footer p {font-size: 10px;
padding: 1rem 2rem;
font-family: 'Roboto', cursive;}}