body 
{
min-height: 100vh;
margin: 0;
font-family: Arial, sans-serif;
background: linear-gradient(to bottom, #670183, #1a008e);
display: flex;
flex-direction: column;
align-items: center;
}

.container
{
background: rgb(33, 0, 77);
max-width: 1000px;
width: 90%;
padding: 40px;
border-radius: 25px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
margin: 0 auto;
text-align: center;
}

.header-content
{
display: flex;
justify-content: space-between;
align-items: center;
}

nav
{
display: flex;
gap: 20px;
}

nav a
{
color:rgb(255, 255, 255);
text-decoration: none;
font-size: 1rem;
padding: 5px;
transition: background-color 0.3s;
}

nav a:hover
{
background-color: rgb(0,44,97);
}

nav a.active
{
background-color: rgb(0, 44, 97);
color:rgb(255, 255, 255);
}