@charset "utf-8";

* {box-sizing: border-box;
margin: 0;
padding:0; }

body {display: flex;
      flex-direction: column;
      background-color: #be9cbe;
      min-height: 100vh;
      font-family: 'Open Sans', sans-serif;
        
}

header { height: 4em;
         width: auto;
         background-color: #c9c8c8;
         display: flex;
         justify-content: space-between;
         padding: .25em;
         padding-left: 1em;
         align-items: center}

header ul {list-style: none;
           display: flex;
}

header ul li{align-content: space-between;
            margin: 0.10em;
            padding: 0.37em; 
            background-color: #ffffff;
}

header ul li a{font-family: 'Open Sans', sans-serif;
               color: #969595; 
               text-decoration: none;
               
}


main {display: flex;
      flex-direction: column;
      align-items: center;
}



main h1{color:white;
        background-color:#4a4a4a;
        text-align: center;
        width:60em;
        height: 200%;
        font-family: 'Bree Serif', serif;
}

main p{text-align: left;
       margin: auto;
       padding: 1em;
       font-family:'Bree Serif', serif; }

main h2{font-family: 'Bree Serif', serif;
        margin: 1;
        padding-bottom: 0.5em;
        color: white;
        }

main h3{font-family: 'Bree Serif', serif;
        text-decoration: underline;
        margin: 0;
        padding-bottom: 0.5em;
        text-decoration-style: solid
        }

.materias{flex-direction: column;
        list-style: none;
          color: white;
          font-family: "Open Sans";
          margin: 0;         
}

div{list-style: none;
    padding-top: 2em;
    font-family: "roboto";
    }

div li a{color: white; 
        background-color: black;
        text-decoration: none;
        font-weight: bold;
        border: 0.6em solid black; 
}

#fotoazula {border-radius: 20%;
            width: auto;
            height:auto;
            padding: 1em;
            align-items: center;
            justify-content:space-around;
    border-image: 10;
    display: block;
        margin:left auto;
        margin: right auto;
}
                
.propuesta {display: flex;
            flex-direction: column;
            justify-content: space-between;
            list-style: none;

}                

.propuesta h3{text-align: center;
             font-family: "Bree Serif";
             text-decoration: none;
             color: white
}
              
#imagenespropuestas {width:50%;
           height: auto;
           justify-content: center;
           align-content: center; 
           margin: 1em;
           padding-left:5em;
           padding-right: 3em;
           list-style: none;


}
              

section{display: flex;
        flex-direction: column;
        justify-content: space-between;
        list-style: none
        }

section h3{padding: 0.5em;}

.datos academicos{
    list-style: none;
    color:white;
    text-align: left
    margin: 0.6em;
    padding: 0.6em
}

#fadutitulo, #ubatitulo, #dgpctitulo, #datos academicos {
    font-family: 'Bree Serif', serif;
    text-align: left
    margin: 0.6em;
    padding: 0.6em;
    color:whitesmoke;
    list-style: none
    
}



.integrantes{font-family: "Open Sans";
             color: white;
             text-decoration: none;
             text-align: left;
             border: 0.1em co #ffffff;
             background-color: #9f9696;
             width: auto;
             height: auto;
}
              
section ul{ align-content: space-between;
            padding-top: 1em;
            padding-bottom: 1em;
            text-align: center;
            list-style: none;
            
}

section li a{color: white;
            text-decoration: none;
            font-weight: bold;
            justify-content: space-between;
                        
         }

footer{display: flex;
       align-content: space-between;
       margin: 0;
       padding-top: em;
       background-color: #cbcbcb;
       text-align: center;     
}

footer p{font-style: "Open Sans";
        font-size: 0.91em;
        margin: 0;
        padding: 1.5em;
        color: white;}