html{
height: 100%;
margin: 0;
}

body {
font-family: Georgia, 'Times New Roman', Times, serif;
margin: 0;
padding: 0;
background-color: #fdfdfd;
color: #333;
height: 100%;
display: flex;
flex-direction: column;
}

header {
background-color: #fff;
border-bottom: 2px solid #333;
padding: 20px 0;
text-align: center;
}

header h1 {
margin: 0;
font-size: 2.5rem;
text-transform: uppercase;
letter-spacing: 1px;
}

nav {
background-color: #eee;
padding: 10px 0;
text-align: center;
}

nav a {
margin: 0 15px;
text-decoration: none;
color: #333;
font-weight: bold;
}


footer {
text-align: center;
padding: 20px;
background-color: #f4f4f4;
font-size: 0.9rem;
color: #666;
border-top: 1px solid #ccc;
margin-top: 30px;
}