body {
font-family: Arial, sans-serif;
background: linear-gradient(to bottom, #1c3d1c, #000);
color: #fff;
margin: 0;
text-align: center;
}


header {
background: #0f2a0f;
padding: 20px;
font-size: 2em;
color: #fcd116;
}


nav {
background: #000;
padding: 10px;
}


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


nav a:hover {
text-decoration: underline;
}


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


iframe {
width: 100%;
height: 450px;
border: none;
}


.track {
background: #222;
margin: 15px;
padding: 15px;
border-radius: 10px;
}


.button {
display: inline-block;
padding: 15px 25px;
background: #fcd116;
color: #000;
text-decoration: none;
border-radius: 8px;
font-weight: bold;
}


.button:hover {
background: #e6b800;
}


footer {
background: #0f2a0f;
padding: 20px;
margin-top: 40px;
}