@charset "uft-8";

* {
    margin: auto;
    padding: 0;
    text-decoration: none;
	text-align: center;
    
}

body {
    font-family: 'Gill Sans', 'Gill Sans MT','Trebuchet MS', sans-serif;
    margin: 0;
    color: #ffffff;
    background-color: #F4AB32;
  }
  

header{
    background-color: #D66420;
    border-radius: 30px;
    padding: 15px;
    margin-bottom: 15px;
}


/*h1, h2, h3, h4*/

h1{
    color: #ffffff;
    text-align: center;
}

h2{
    color: #ffffff;
    text-align: center;
    padding-left: 10px;
}

h4 {
 margin: 5%; 
 padding: 1rem;
 text-align: center;
}

h3 {
    margin: 1%; 
    padding: 1rem;
    text-align: center;
   }

   p{
    font-weight: bold;
}

/*menú*/

.menu li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    margin: 3%;
}

.menu a {
    text-decoration: none;
    background-color: #F4AB32;
    color: rgb(255, 255, 255);
    border-radius: 30px;
    padding: 1rem;
}

.menu ul a:hover {  
    text-decoration: none;
    background-color: #1C421E;
}

/*mis compañeras*/

.maia {
    background-color: #D66420;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 15px;
    box-shadow: 8px 10px 4px rgb(102, 102, 102);
    margin: 40px;
    margin-top: 2%
}
  .juli{
    background-color: #D66420;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 15px;
    box-shadow: 8px 10px 4px rgb(102, 102, 102);
    margin: 40px;
    margin-top: 2%
}

.orne{
    background-color: #D66420;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 15px;
    box-shadow: 8px 10px 4px rgb(102, 102, 102);
    margin: 40px;
    margin-top: 2%;
    
}

.maia img, .juli img, .orne img, .comitente img{
  border-radius: 30px;
  padding: 1rem;   
}

.maia a, .juli a, .orne a{
  text-decoration: none;
  color: #1C421E;
  font-weight: bold;
}

.maia a:hover, .juli a:hover, .orne a:hover{
  color: white;
}

.equipo{
    background-color: #D66420;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 15px;
    box-shadow: 8px 10px 4px rgb(102, 102, 102);
    margin: 5%;
    
}


footer{
    background-color: #1C421E;
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 15px;
}

.piedepagina p{
    color: #ffffff;
    text-align: center;
    display: inline-block;
}

.contenedora_personal {
    background-color: #F4AB32;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 15px;
    border-width: 10px;
    margin: 20px;
    margin-top: 2%
}

/*materias*/

  .materias {
    background-color: #1C421E;
    padding: 70px;
    border-radius: 30px;
    margin-bottom: 15px;
    margin: 5%;
    box-shadow: 8px 10px 4px rgb(102, 102, 102);
    margin-top: 9%
   
  }

  .materias p  {
    display: block;
  }

  .cursando {
    background-color: #1C421E;
    border-radius: 40px;
    height: 60px;
    margin: 5px;
    box-shadow: 8px 10px 4px rgb(102, 102, 102);
    margin-top: 4%    
  }

 

/*datos academicos*/

.datos{
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 15px;
    box-shadow: 8px 10px 4px rgb(102, 102, 102);
    margin: 5%;
    margin-top: 2%
}

.academicos {
    background-color: #D66420;
    padding: 10px;
    border-radius: 30px;
    margin-bottom: 15px;
    margin: 5%;
}

.academicos > ul > li:not(:last-of-type) {
    padding-block-end: 1.5em;
    margin-block-end: 1.5em;
  }
  
.academicos ul {
    margin: 5%; 
   padding: 1rem;
   text-align: center;
   }
  
.academicos img {
    display: block;
    padding: .5rem;
    border-radius: 20px;
    box-shadow: 0 4px 4px transparent;
    transition: box-shadow .6s ease;
  }
  
.academicos a:hover img {
    box-shadow: 0 4px 4px hsla(140, 89%, 17%, 0.842);
    transition: box-shadow .3s ease;
  }
  
li {
    list-style: none;
    }
  

/* a partir de 640px */
@media (min-width: 40em) {

    header{
        display: block;
    }

    .compañeras{
       display: flex;
       justify-content: space-around;
    }

    .maia,.juli, .orne{
      margin: 1rem;
    }

    .datos{
        display: flex;
        justify-content: space-around;
     }

     .academicos {
        margin: 1rem;
      }

      .materias {
        display: flex;
        justify-content: space-around;
     }

     .encurso, .cursando {
        margin: 1rem;
      }
}