/* styles.css */

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  /* Background image from /images off web root */
  background-image: url("/images/hangarbay-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; /* fills screen, no bars */
  font-family: "Orbitron", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}

/* Top-left logo with 4% inset from each edge */
.logo {
  position: absolute;
  top: 4vh;
  left: 4vw;

  font-size: clamp(1.8rem, 3vw, 3.5rem);
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;

  color: #000000;
  -webkit-text-stroke: 2px #d7a12a; /* hazard yellow/orange stroke */
  text-stroke: 2px #d7a12a;

  /* Slight background to help legibility on busy areas */
  padding: 0.4em 0.7em;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25em;
}