body {
    font-size: 1.6rem;
    background-color: #e8ddcb;
    color: #031634;
}
.container {
  font-family: 'JetBrains Mono', monospace;
  /* font-family: monospace, monospace; */
  display: grid; 
  grid-template-columns: 0.3fr 2.4fr 0.3fr; 
  grid-template-rows: 0.5fr; 
  /*grid-template-rows: 0.5fr 2.3fr 0.2fr; */
  gap: 0px 0px; 
  grid-template-areas: 
    "MI Titulo md"
    "MI Cuerpo md"
    "MI pie ."; 
}
.Titulo {
  display: grid; 
  grid-template-columns: 0.0fr 2.6fr 0.2fr; 
  /*grid-template-columns: 0.2fr 2.6fr 0.2fr; */
  grid-template-rows: 0.5fr 2.1fr 0.4fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    ". . ."
    ". titulo ."
    ". . ."; 
  grid-area: Titulo; 
}
.titulo { grid-area: titulo; 
    text-transform: uppercase;
}
.pie { 
    grid-area: pie; 
    padding-top:5rem; 
    padding-bottom:3rem;
    }
.md { grid-area: md; }
.MI { grid-area: MI; }
.Cuerpo {
  display: grid; 
/*grid-template-columns: 0.4fr 2.3fr 0.3fr; */
           /*grid-template-rows: 0.1fr 1fr 0.1fr; */
           /*gap: 0px 0px; */
           /*grid-template-areas: */
           /*". . ."*/
           /*". pagina ."*/
           /*". . ."; */
           /*grid-area: Cuerpo; */
}
.pagina { grid-area: pagina; }
/*a:visited, a { color:gray; } */
a:visited, a {color: #cc357c; }
h1, .aty {
text-decoration: underline;
text-decoration-color: #cc357c;
}