
* { margin:0;
    padding:0;
    border:0;
    box-sizing: border-box;
    font-family: 'Work Sans', sans-serif;
}


body {
    background-color: #F9E090;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content:center;}


header > div.contenedor {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #a72461;
    color: white;
    width: 100%;
}

img.logocatedra {
    margin-top: 1em;
    margin-bottom: 0.5em;
}


nav ul {
    list-style: none;
    margin-bottom: 0.5em;
    padding: .25em;
    background-color: #a72461;
    
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

nav ul li a {
    background-color: #a72461;
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: .125em .5em;
    border-radius: 4px;
    flex-grow: 1;
}

nav ul li a:hover{
    background-color: #bf467e;
    color: black;
}

header p a {
    
    background-color: #a72461;
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: .125em .5em;
    border-radius: 4px;
    flex-grow: 1;
}

header p a:hover{
    background-color: #bf467e;
    color: black;
}



.informaciongrupo {
    margin-top: 0.5em;
}


article { 
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

}



article > div.informacion-personal { 
margin: 0.5em;
margin-top: 1em;
padding:0.5em;
text-align: center;
background-color: #FF935C;
width: 18.75em;
height: 50%; 
border: solid white .1em;
}

div.informacion-personal img {
width:8.75em;
height:15.625em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}





article > div.materias {
    margin: 0.5em;
    padding: 2em;
    
    
    list-style: none;
    background-color:#DC5353;
    border: solid white .1em;
    
   
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    
    }

article > div.materias ul li {
    list-style:circle;
}


div.materias hr {
    border-top: 1px solid black;
    height: 0;
    margin: 10px 0;
    box-sizing: border-box;
    max-width: 42rem;
        
    }





article > div.grupo-comitente {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    
    margin: 1em;
}


article > div.informacion-comitente {
    margin: 1em;
    padding: 1em;
    width: 100%;
    text-align: justify;}

div.informacion-comitente img {
    width: 5.625em;
    height: 5em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}



div.informacion-grupo { 
    margin: 1em;
    }

div.informacion-grupo ul li {
    list-style: none;
}

article ul li a {
    background-color: #F9E090;
    color: black;
    text-decoration: none;
    list-style: none;
    display: block;
    text-align: center;
    padding: .125em .5em;
    border-radius: 4px;
    flex-grow: 1;
}

article ul li a:hover{
    background-color: #DC5353;
    color: white;
}






footer{
       display: block;
       background-color:#a72461;
       font-size: 0.75em;
       text-align: justify;
       color: white;
       padding: 3px;
       flex-grow: 1;
    
      padding: 1em;
       
}





@media (min-width: 65em ) {
    
article { 
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

article > div.materias {
    margin: 1em;
    padding: 1em;
    width: 100%;
    justify-content: center;
    list-style: none;
    background-color:#DC5353;
    
   
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
    width: 43.75em;
    height: 50%;
    }
    
  
div.informacion-grupo ul   {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    }
    
    
    
}











