body {
font-family: Arial;
margin: 0;
background: #f4f6f8;
color: #333;
}

nav {
background: #1f2937;
}

nav ul {
display: flex;
justify-content: center;
gap: 15px;
list-style: none;
padding: 15px;
margin: 0;
flex-wrap: wrap;
}

nav a {
color: white;
text-decoration: none;
}

.hero {
text-align: center;
padding: 40px;
background: #2563eb;
color: white;
}

.container {
max-width: 1000px;
margin: auto;
padding: 20px;
}

table {
width: 100%;
border-collapse: collapse;
}

table, th, td {
border: 1px solid #ccc;
padding: 10px;
}

footer {
text-align: center;
padding: 15px;
background: #1f2937;
color: white;
margin-top: 20px;
}

@media (max-width: 768px) {
nav ul {
flex-direction: column;
align-items: center;
}
}