/*Estilo etiqueta*/

/*GENERAL*/

/*Aplica a todo*/
*{
    box-sizing: border-box;
    margin-block-end: none;
    margin-block-start: none;
}

/*Cuerpo general*/
body{
    font-family: sans-serif;
    margin: 0;
}

.biografia h1{
    color:saddlebrown
}



/*Imagenes*/
img{
        
    
     border: solid 8px #6060ee;
     border-radius: 20%;
    width: 11em;
    aspect-ratio: 0;
    
    
     
      }

#jaz img{
        border: solid 8px #6060ee;
        border-radius: 50%;
width: 10em;
aspect-ratio: 1;

padding:auto; 
margin:auto;
margin-bottom: 1em;
}
    

/*Vinculos*/
a{
    text-decoration: none;
    color:black;
    font-family:sans-serif;
    font-weight: bold;
}



/*Listas*/

ul{
    list-style: none;
    padding:0%; 
    

}

/*Cajas contenedoras*/
.contenedora{
    width: min(100%, 50rem);
    padding:0,5rem;
    margin-inline: auto;
}

/*COLOR*/

header,
 footer{
    background-color: sandybrown;
    color:moccasin 

}




/*MENU*/

/*box menu*/

header nav{
  width: min( 50rem, 100% );
}

header nav ul{
    margin-block: 0;
    display:flex; 
    justify-content: start;
    flex-direction: row;
    padding: 1%;
}

/*vínculos menu*/
header nav a {
    color: moccasin;
    background-color: darkorange;
    display: block;
    width: max-content;
    margin: .25em;
    padding-block: .25em;
    padding-inline: 1em;
    border-radius: 0.25em;
  }


header nav a:hover {
    background-color: moccasin;
    color: sandybrown;
  }




/*CONTENEDORES*/
section {
    padding-bottom: 2rem;
  }

/*
CONTENEDORAS
*/
.estudios{
    font-size: 1em;
    background-color: #fffbf0;
    color:#6060ee ;  

display:block;
    box-sizing: 100% ;
    width:100%; 
    
    flex-basis:100%;
    flex-direction:column; 

display:block;
box-sizing:auto;  
width:100%; 
padding:auto;
margin:none; 
margin-right: 0em;

}


.estudios h2 { 
margin-block-start: .5em;
margin-block-end: .5em;
margin-left: 1rem;
font-size: 2em;

}

.estudios h3 { 
  margin-block-start: auto;
  margin-block-end:.5em;
  margin-left: 1em;
 
  
  }


.estudios p {
  margin-block-start: auto;
  margin-block-end: 2em;
  color:black;
  margin-left: 1em;
  font-size: 1em;
  }

  /*Seccion nombre*/
  .estudios #nombre{
    background-color: #6060ee;
    color:aliceblue; 
    padding-left: 5%;
    padding-top: 10%;
    padding-bottom: 10%;

  }

 .estudios #nombre h1 {
  padding:none; 
  margin-block-start:.5em; 
  margin-block-end:none; 
    
  }

  .estudios #nombre h2 {
    font-size:2em;  
    margin:0px 0px 0px; 
  margin-block-start:none; 
  margin-block-end:none;
  padding:none; 
  }

.estudios #nombre ul {
  font-size: 3em;
  margin-block-start: .5em;
  margin-block-end: auto;
  list-style:circle;

}


/*box estudios*/


.materias {
    background-color: #8acece98 ; 
    color:#6060ee;
    margin:none; 
    font-size: 1em;
    box-sizing:content-box;
    display: block;
    padding:0px 0px 0px; 
    margin-left: 1em;
    width: 100%;
}

.materias h2{
  font-size: 1em;

}

.materias ul{
  font-size: small;
  padding-left: 8%;
}

.intereses{
  background-color: #8acece98; 
  color:#6060ee;
  margin:none; 
  display: block;
  box-sizing:content-box;
  font-size: 1em;
  padding:0px 0px 0px; 
  margin-left: 1em;
  width: 100%;
}

.intereses h2{
  font-size: 1em;
}

.intereses ul {
  font-size: small;
  padding-left: 8%;
}

#jaz {
  display: block;
  padding-bottom: 1rem;
  margin: auto;
  margin-bottom: 1rem;
}
#jaz a{
    background-color:#6060ee;
    color:#fffbf0;
    border-radius: .25rem;
    padding:5%; 
    margin:auto; 
    font-size: small;
   

    
  }

  /*Contenedoras*/
  .contenedora1{
      display:flex;
      flex-direction: row;
      flex-wrap: nowrap;
      width:100%; 
      padding:0px 0px 0px; 
     
  }

  .contenedora2{
     
    justify-content:space-between;
    gap:.5em; 
    

    

}
  /*sección biografía*/
.biografia{
    background-color:#6060ee65;
    color: black;

   
    display:block; 
    width:50%; 

    display:flex;
    flex-direction:column;
    align-content: center;
    text-align: center;
    align-content: stretch;
    padding:0px 0px 0px; 

  

   }
   

.biografia h1{
color:#6060ee;
 
}


.biografia h2{
padding:auto;
color: #6060ee;
}

.biografia p{
margin:0px 0px 0px; 
padding:10px;
font-size: small;  


}

/*jaz*/
#jaz{
  display:flex; 
  flex-direction:column; 
  padding:32px 0px 0px; 
}

/*dgpc*/

.dgpc{
  padding: 0px 0px 0px;
}
.dgpc h3{
  background-color:sandybrown ;
  color: moccasin;
}

.dgpc ul{
  background-color: moccasin;
  margin: 3%;
 
}

:-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

/*footer*/
footer {
  font-size: small

}

/*MEDIAQUERIES*/
@media (min-width: 40em) {
.biografia{
  display:block; 
  width: min( 15rem, 100% );;
}

.materias{
  padding-block:none; 
  font-size:1rem;
  display: block;
  box-sizing:  10px;  
}

.intereses{
  padding: none;
  
}
div.contenedora2{
display: flex;
align-content:center;
}

.estudios #nombre{
padding-left:3%;
padding-bottom: 0%;
box-sizing:initial;
padding-top: 2%;
padding-bottom: 2%;
}


}