@font-face {
  font-family: "Press Start 2P";
  src: url("assets/fonts/PressStart2P-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  --purple: #502770;
  --pink: #D84D95;
  --white: #ffffff;
  --green: #62ff69;
  --red: #ff536f;
  --yellow: #ffd63d;
  --ink: #1d0a35;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background: var(--ink);
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.arcade-font {
  font-family: "Press Start 2P", monospace;
}

.bg-game {
  min-height: 100vh;
  background:
    linear-gradient(rgba(26, 5, 48, .06), rgba(26, 5, 48, .06)),
    url("assets/images/background-game.png") center / cover no-repeat fixed;
}

.pixel-shadow {
  text-shadow: 0 .09em 0 var(--pink);
}

.hidden { display: none !important; }