@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap');

/* CSS rules from index.html */
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; width: 100%; overflow: hidden; font-family: 'Orbitron', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

body { background-color: #0a0a0a; color: #e0e0e0; position: relative; }

#particleCanvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; cursor: default; }

p.subheading { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); font-size: 1.2rem; color: #a0a0a0; z-index: 2; text-align: center; width: 90%; }

.headline {
    position: absolute;
    top: calc(50% - 6px);
    left: 50%;
    transform: translate(-50%, -50%);
    /* Responsive font size: clamp(min, preferred, max) */
    font-size: clamp(1.8rem, 8vw, 4rem); /* Adjusts between 1.8rem and 4rem based on viewport width */
    font-weight: 700;
    color: #959696;
    z-index: 2;
    text-align: center;
}