body {
margin: 0;
padding: 0;
background: linear-gradient(120deg, #0f0c29, #302b63, #24243e);
font-family: 'Roboto Mono', monospace;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
header {
margin-top: 60px;
text-align: center;
}
h1 {
font-family: 'Orbitron', sans-serif;
font-size: 3em;
color: #00fff7;
text-shadow: 0 0 15px #00fff7;
}
p.bio {
font-size: 1.2em;
max-width: 600px;
margin: 20px auto;
color: #d0d0d0;
}
.links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
.link-btn {
background: #00fff7;
color: #000;
padding: 12px 24px;
text-decoration: none;
border-radius: 12px;
font-weight: bold;
box-shadow: 0 0 10px #00fff7;
transition: all 0.3s ease;
}
.link-btn:hover {
background: #000;
color: #00fff7;
box-shadow: 0 0 20px #00fff7;
}
footer {
margin-top: auto;
padding: 20px;
font-size: 0.9em;
color: #aaa;
}