@charset "utf-8";

body { background-color: #fad7ed;
       font-family: sans-serif;
       color: #043aa0;}

nav ul li a { text-decoration: none;
              color:#ffffff;
              box-sizing: border-box;
              background-color: #a80663;
              font-size: 2em;}


footer {color:#000000; }


.h1 { color:#f252c1; 
      font-size: 5em;}

section article p { color:#000000;}

h2 { font-family: serif;
     font-size: 3em; }

.h2 { background-color: #e50586;
      color:azure;
      font-family: sans-serif; }

.textomaterias { font-size: 2em; }

.negrita {font-family: serif;
          color:#e50586;}

.integrantes {font-family: serif;
              color: #ffffff; }



* { box-sizing: border-box;
    margin: auto;
    padding:inherit;    }

.contenedor { width: 90%;
              margin: auto;
              background-color: #ffffff;
              padding: 1em; }
.logo { display:flex;
        justify-content: center;}


.menu { display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        background-color: #a80663;
        }

.foto {display: flex;
       justify-content: center;}

.informacion {display:flex;
              flex-direction: column;
              justify-content: center;
              text-align: center;}

.materias {display: flex;
           justify-content: center;
           flex-direction: column;
           text-align: center;}

.titulo2 {display: flex;
          justify-content: center;
          text-align: center; }


.datos {display:flex;
        justify-content: center;
        background-color: #e50586;}

.uba {display:flex;
      justify-content: center;
      text-align: center;}

.integrante {display: flex;
              justify-content: center;
              background-color: #f252c1;}

.footer {display: flex;
         justify-content: center;
         text-align: center;
         background-color: #fad7ed;}



img {
    max-width: 80%;
    align-content: center;
    display: flex;}

@media(max-width:700px) 
    {.contenedor {font-size:40%; }
        

}