@charset "utf-8";

*{ 
    margin: 0;
    padding: 0;
    font-family: 'Hind Vadodara', sans-serif;
}

body {
        background-color: rgb(0, 0, 0);
}
   
h1 {
    font-family: 'Hind Vadodara', sans-serif;
    font-size: 2.4em;
}

h2 {
    font-family: 'Hind Vadodara', sans-serif;   
    font-size: 1.4em;
}


header {
        margin: 0em 0em 1em 0em;
        padding: 20px;
        background-image: url("../img/header-background.jpg");
        background-size:cover;
        color: white;
        flex-direction: column;
    }

header div {
        flex-direction: column; 
        display: flex;
    }

header div h1 {
        color: #050505
    }

header div h2 {
       
        color: #ffffff
    }

section aside {
        background-color: white;
        padding: 0em 0em 0em 1em;
        float:  left;
        width: 16em;
        margin-left: 0;    
    }


section {
    text-align: center;
}

aside ul {
        padding:0.1em;
        color: white;
        list-style: none;
    }

aside ul li {
        padding: 0.3em;
        color: black
    }

aside ul li a {
        padding: .5em; 
        display: block;
        background-color: rgb(198, 12, 12);
        color: #ffffff;
        text-decoration: none;
        border-radius: 0.3em;
        font-weight: 600;
    }
#grupal{
    background-color: rgb(0, 0, 0);
}

#materias {
    background-color: rgba(255, 255, 255, 0.99);
    margin:0em 0em 0em 18em;
    height: 42.5em;
}



#aprobadas {
    text-align: center;
    margin:1em 0em 0em 0em;
    display:flex;
    flex-direction: row;
    justify-content: space-around;
}

#aprobadas div ul li {
    text-align: left
}

.cursando {
    display: block;
}

article div {
    margin: 1em;
    padding: 1.5em;
}

section h3 {
    padding: 0.2em;
    font-size: 2.5em
}

article h4 {
    font-size: 2em;
    text-align: center;   
}

article div ul li {
    font-size: 25px; 
}

footer {
    font-size:0.8em;
    color: black;
    padding: 0.8em;
    clear:both;
    }

footer p {
        text-align: center;
        color: white;
    }

@media all and (min-width: 90em) {
        
body {
        margin: 0  15%;
}
    }
 
@media all and (max-width: 40em) {
    
    
    h1 {
        font-family: 'Hind Vadodara', sans-serif;
        font-size: 1.5em;
    }

    h2 {
        font-family: 'Hind Vadodara', sans-serif;   
        font-size: 1.2em;
    }

    #materias {
        background-color: rgba(255, 255, 255, 0.99);
        margin:0em 0em 0em 18em;
        height: 42em;
    }

    #aprobadas {
        text-align: center;
        margin: 0em 0em 0em 0em;
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #aprobadas div ul li {
        margin: 0em 0.5em;
        text-align: left
    }

    .cursando {
        display: block;
    }

    article div {
        margin: 0.5em;
        padding: 0.75em;
    }

    section h3 {
        padding: 0em;
        font-size: 2em
    }

    article h4 {
        font-size: 1.5em;
        text-align: center   
    }

    article div ul li {
        font-size: 17px;

    
}