body, html{
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background: linear-gradient(135deg,#005461,#0C7779);
color:white;
min-height:100vh;
}

.home-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 50px;
background:#005461;
color:white;
}
.home-header nav a{
margin-left:20px;
color:white;
text-decoration:none;
font-weight:bold;
}

.home-header nav a:hover,
.home-header nav a.active{
text-decoration:underline;
}

.content{
padding:60px 20px;
text-align:center;
}

footer{
text-align:center;
padding:20px;
background:#2c3e50;
color:white;
margin-top:40px;
}

/* menu mobile */

.menu-toggle{
display:none;
background:none;
border:none;
color:white;
font-size:1.6rem;
cursor:pointer;
}

@media(max-width:768px){

.menu-toggle{
display:block;
}

.home-header nav{
display:none;
position:absolute;
top:64px;
left:0;
right:0;
background:linear-gradient(135deg,#2c3e50,#3498db);
padding:10px 20px;
z-index:200;
}

.home-header nav.show{
display:block;
}

.home-header nav a{
display:block;
margin:10px 0;
}

}