<!-- CSS: style.css -->
<style>
body {
font-family: Inter, Inter;
margin: 0;
padding: 0;
background-color: #f8f8f8;
}
header {
background-color: #8a61ff;
color: white;
padding: 20px;
text-align: center;
}
nav {
background-color: #8a61ff;
padding: 10px;
text-align: center;
}
nav a {
color: white;
text-decoration: none;
margin: 0 15px;
font-weight: bold;
}
.container {
max-width: 900px;
margin: 20px auto;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h2 {
color: #8a61ff;
}
footer {
background-color: #8a61ff;
color: white;
text-align: center;
padding: 10px;
margin-top: 20px;
}
</style>
