```
### CSS Code (styles.css)
```css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
color: #333;
}
header {
background-color: #ffcc00;
padding: 20px;
text-align: center;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul li {
display: inline;
margin: 0 15px;
}
nav a {
text-decoration: none;
color: #fff;
}
h1, h2 {
margin: 0;
}
main {
padding: 20px;
}
section {
margin-bottom: 40px;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
footer {
text-align: center;
padding: 10px;
background-color: #ffcc00;
position: relative;
bottom: 0;
width: 100%;
}
```
### How to Use
1. **Create a New Site** on Neocities.
2. **Create a file named `index.html`** and paste the HTML code into it.
3. **Create a file named `styles.css`** and paste the CSS code into it.
4. **Customize the content** in the HTML file to reflect your personality and projects.
Feel free to ask if you need help with specific features or customizations! Enjoy building your site! 🌟