nav {
background-color: #f8f9fa;
padding: 1rem 0;
margin-bottom: 2rem;
border-bottom: 2px solid #007bff;
}
nav ul {
list-style: none;
display: flex;
justify-content: center;
gap: 2rem;
margin: 0;
padding: 0;
}
nav li {
margin: 0;
}
nav a {
color: #007bff;
font-weight: 600;
padding: 0.5rem 1rem;
border-radius: 4px;
transition: background-color 0.2s;
}
nav a:hover {
background-color: #e7f1ff;
text-decoration: none;
}
@media (max-width: 768px) {
nav ul {
flex-wrap: wrap;
gap: 1rem;
}
}
{{ title }}
{{ content }}