body {
background: url('your-background-image.png') center center repeat;
background-color: #f9f9f9;
font-family: 'Press Start 2P', cursive, sans-serif;
color: #333;
margin: 0;
padding: 0;
}
.container {
width: 800px;
margin: 40px auto;
background: rgba(255, 255, 255, 0.8);
border: 2px solid #ddd;
border-radius: 12px;
padding: 20px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
h1, h2, h3 {
color: #ff66aa;
text-align: center;
text-shadow: 1px 1px 0 #fff;
}
a {
color: #00bbee;
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
color: #ff66aa;
text-decoration: underline;
}
button {
background-color: #ffccff;
border: 2px solid #ff66aa;
padding: 10px 20px;
font-family: inherit;
font-size: 14px;
border-radius: 8px;
cursor: pointer;
transition: background 0.3s ease;
}
button:hover {
background-color: #ff99cc;
}
img.pixel-icon {
image-rendering: pixelated;
width: 32px;
height: 32px;
}
.footer {
text-align: center;
font-size: 12px;
color: #aaa;
margin-top: 20px;
}