body {
    margin: 0%;
    background-color: white;
}

/* encabezado */
header {
    position: relative;
    height: 222px;
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(255 255 255)), url(imagen_encabezado.jpg);
    background-size: cover;
    background-position: center;
}
@font-face {
    font-family: 'MiFuente';
    src: url('voigantedisplay.otf') format('opentype');
}
 
h1 {
    font-family: 'MiFuente';
    text-align: center;
    color: #63390D;
    font-size: 250%;
    margin-top: -12px;
    margin-bottom: 11px;
}
h5 {
    margin-top: -12px;
    margin-bottom: 11px;
}
.subtitle {
    font-family: 'MiFuente';
    text-align: center;
    font-size: 20px;
    color: #63390D;
    margin-top: 0;
    align-items: center;
    align-content: center;
    height: fit-content;
    width: fit-content;
}
  

/* menú :3 */
.menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    align-content: center;
    justify-content: center;
    justify-items: center;
}

.menu a {
    display: block;
    text-align: -webkit-center;
    text-decoration: none;
    color: #333;
    margin: 8%;
}

.menu img {
    width: 100%; 
}
footer{
    position: relative;
    height: 150px;
    background: linear-gradient(to top, rgb(124, 78, 26),rgba(124, 78, 26, 0.7), rgba(124, 78, 26, 0));
    background-size: cover;
    background-position: center;
}
.derechos {
    font-family: 'MiFuente';
    text-align: center;
    font-size: 100%;
    color: white;
}