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

/*-----------------lo que se repite en todos los html--------------------*/

body {
    background-color: #cd8821;
    display: flex;
    flex-direction: column;
    min-height: 100v;
    justify-content: space-between;
    color:rgb(0, 0, 0);
}
.contenedor {
    background-color:#e7b141;
    width: 100%;
    max-width: 1000px;
    margin:auto;
    padding: 1em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; 
}
h1 {
    font-family:'Merriweather Sans', sans-serif;
    font-size:2.5em;
    color: #ffffff;
}
header{
    background-color: black;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-direction:row;
    flex-wrap: wrap;
}
header nav   {
    font-family:'PT Sans', sans-serif;
}
header .logo img {
    width: 150px;
}
header p {
    font-family:'PT Sans', sans-serif;
    font-size: 1.2em;
    color: white;
}
nav {
    background: #000000;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding:0;
    width: 100%;
}
nav a {
    text-decoration: none;
    text-align: center;
    color: white;
    display: flex;
    padding:9px;
}
nav a:hover {
    background-color:#cd8821;
}
nav ul {
    display: flex;
    flex-wrap: wrap;

}
header,footer {
    background-color: black;
    margin: -1em;
    padding: 1em;
    border-radius: 5px;
}
img {
    width: 8em;
} 
footer img{
    padding:inherit;
    width:6em;
}
footer p {
    font-family: 'PT Sans', sans-serif;
    color:white
     }
li{
    margin:0.70em
}
/*-------------------------------- index.html ---------------------------*/

ul{
    list-style: none;
    margin: -em;
    padding: 2.1em;
}
.tercercontenedor img {
    width: 4em;
    border: 4px solid #000000;
    border-radius: 5px;
}
section ul{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

section a {
    text-decoration: none;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding:10px
}
h3 { 
    color:#ffffff;
    background-color: black;
    border-radius: 5px;
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    padding-left: 1em   
}
.segundocontenedor {
    padding:inherit;
    margin:2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}
.deportes {
    background-color:#cd8821;
    width: 250px;
    border-radius: 20px;
    margin: 0.4em;
    padding: 50px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.deportes h2 {
    font-family:'PT Sans', sans-serif;
}

main {
    display:flex;
    justify-content: center;
}

main ul{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around
}
.redes ul li a{
    color: black
}
aside h3 {
    font-family:'Merriweather Sans', sans-serif;
    padding: .2em;
}


 ul {
    font-family: 'PT Sans', sans-serif
     }


/*-------------------------------- mapa.html ---------------------------*/
.mapa{
    font-family:'Merriweather Sans', sans-serif;
    padding: 2em;
    color: white;
    font-weight: normal;
    text-align: center
}
.contenedorplan li{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.contenedorplan {
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}


/*-------------------------------- plan.html ---------------------------*/
.plan{
    font-family:'Merriweather Sans', sans-serif;
    padding: 2em;
    color: white;
    font-weight: normal;
    text-align: center
}
article h4{
    margin-bottom: 1em;
    text-align: center;
    font-size: 1em;
    color: white;
}
article ul li p{
    padding: .7em
}   
article{
    min-height: 90vh;
    margin: auto
}
article li{
    background-color:  #cd8821;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 1em;
}
/*--------------------------------MEDIA QUERI----------------------------*/


@media(min-width:25em) {
  header nav { 
      display: flex;
      justify-content: flex-end;
      margin: 0em;
      padding: 0em;
      }
       
     .tercercontenedor ul li { 
         display: flex;
         flex-direction:row;
    }
      }

    
   @media(min-width:35em) { 
       .datosacademicos {
        font-size: 1.3em; 
      }
  aside  .redes {   
      font-size: 1.3em;
      }
       
article h4 {
   font-size: 1.3em;
      }
        }
       
@media(min-width:50em) {  
    
.contenedor {
    max-width: 150%;
    }
header nav {
    font-size: 1.5em;
    }
  article ul {
      display: flex;
      flex-direction: row;
      max-height:90vh;
} 
    
    article li{
        width: 20em
    }
    }