@charset "utf-8"; 
html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* Estilo para el encabezado de la pagina GARRAMUÑO */

/* Estilo para el cuerpo de la pagina GARRAMUÑO */
body 
{ font-family: 'Fira Sans', sans-serif;
    background-image:url("fondo.jpg");
padding-left: 10px;
   
}

header 
{   background-color:#E07A5F;
    padding: 6em;
    padding-top: 0.6em;
    padding-right:0.6em;
    padding-bottom: 0.6em;
    padding-left: 0.6em;
    height: 3em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 10px rgba(0,0,0,0.3);
    z-index: 99;  
}
body header nav ul
{   display: flex;
    justify-content: flex-end;
    list-style: none;
    list-style-type: none;
    box-sizing: border-box}

body header nav ul li
{   padding: .5em 1em;
    margin: 0em;
    margin-right: .6em;
    width: 2em;
    display: flex;
    background-color: #CE4E45;
    border-radius: 1em;
    
    }
body header nav ul li a 
{   font-weight: 500;
    font-size: 1em;
    color: #F4F1DE;
    text-decoration: none;
}
main{padding: 10;
}


 section h2
{text-align: center;
color:#CE4E45 }

/* Datos de Materias Aprobadas de GARRAMUÑO */
h3
{ 
 padding: .5em 1em;
 background-color: #CE4E45;
    color: #F4F1DE;
 font-weight: 500;
  text-align: center;
    margin: 0em;
    border-radius: 1em;}



main section div p a
{color: #E07A5F;
list-style: none;
text-decoration: none;}

main section div
{padding-left: 1em}
/* Estilo para foto de perfil de pagina GARRAMUÑO */

main 
section img
{  width: px;    
    margin-top: 1em;
   margin-bottom: 8em;
   display: block;
   margin: auto;
   max-width: 15em;
   max-height: 15em; 
   margin-top: 2em; 
    border-radius: 10em;}

/* Datos docentes */
main section div li { font-weight: 600; margin-left: 0em ;
list-style: none;
text-decoration: none}

/* Integrantes de la pagina GARRAMUÑO */


/* Estilo para el pie de pagina */
 footer 
{ background-color: #F4F1DE;
padding: 10px;
    font-family: 'Fira Sans', sans-serif;
      font-weight: 500;
    padding: 1em;
    margin:auto;
    margin-top: 3em;
    font-size: 0.7em;   
}
}