body {

max-width: 1000px;

margin: auto;

padding: 2rem;

background: #f3eee2;

color: #2d2d2d;

font-family: Georgia, serif;

line-height: 1.8;
}

header {

text-align: center;

margin-bottom: 3rem;
}

h1 {

font-size: 3rem;

font-weight: normal;
}

.subtitulo {

font-style: italic;
}

nav {

display: flex;

flex-wrap: wrap;

justify-content: center;

gap: 1rem;

margin-bottom: 3rem;
}

nav a {

text-decoration: none;

padding: 0.5rem 1rem;

border: 1px solid #5a6b51;

color: #5a6b51;
}

nav a:hover {

background: #5a6b51;

color: white;
}

main {

background: #faf8f2;

padding: 2rem;

border: 1px solid #d6d0c0;
}

footer {

text-align: center;

margin-top: 3rem;

font-size: 0.9rem;
}