html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: black;
color: white;
font-family: 'Orbitron', sans-serif;
overflow: hidden;
}
#intro {
position: fixed;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
animation: fadeOut 1.5s ease forwards;
animation-delay: 5s;
}
#title {
font-size: 4rem;
letter-spacing: 0.3em;
animation: flicker 2s infinite;
}
#subtitle {
margin-top: 10px;
opacity: 0.7;
}
.hidden {
display: none;
}
@keyframes flicker {
0% { opacity: 1; }
50% { opacity: 0.4; }
100% { opacity: 1; }
}
@keyframes fadeOut {
to {
opacity: 0;
pointer-events: none;
}
}