* {
  box-sizing: border-box;
}
:root {
--color-textos-secundarios: rgba(136, 202, 110, 0.5);
--color-textos: rgba(8, 108, 45, 0.76);
--color-fondos: rgb(109, 150, 87);
--color-1: rgb(138, 183, 138);
--color-2:#267e3d;
--color-3: white;
--color-4: rgb(8, 118, 48);

 --tipo-titulos: sans-serif;
 --tipo-textos: serif;
 margin: 10px;
}


img{
max-width: 30%;
border-radius: 50%;
border: solid 10px #5356bf;
margin: 20pt;
}



a {
 text-decoration: none;
 color:#267e3d;
 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 font-weight: bold;
}

body {
 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 margin: 20px;
 
}
.comitente_textos{
margin: 70px;
border-radius: 20pt;
padding: 1em;


}

.resumen{
  color:#5356bf;
  font-size: 25pt;
  margin: 20pt;
  font-weight: bold;


}

.materias{
margin: 20pt;
padding: 1em;
}

.datos{
  margin: 10pt;
  padding: 1em;
  padding-bottom: 1em;
}

h1{
   color: whitesmoke;
   font-size: 40pt;
   margin: 20pt;
   margin-top: 20pt;
   
  
   
}

h2{
   color: whitesmoke;
   margin: 20pt;
   font-size: 25pt;
}
h4 {
  font-size: 15pt;
  margin: 20pt;
  color: rgb(2, 52, 27);
}





header,
footer {
background-color:#5356bf;
color:whitesmoke;
}

header nav ul {
list-style: none;
background-color:#589468;
padding: 2rem;
}

header nav a {
color: white;
background-color: #0f6626;
display: block;
width: max-content;
margin: .25em;
padding-block: .25em;
padding-inline: 1em;
}


header nav a:hover {
background-color: rgb(241, 142, 71);
color: #0f6626;
}