@font-face {
  font-family: 'Perfect DOS VGA 437';
  src: url('../../fonts/Perfect DOS VGA 437.ttf') format('truetype');
}

:root{
  --pad: 40px;
  --pad-mobile: 20px;
  --bg: #030303;
  --fg: #FBFBFB;
  --muted: #8A8A8A;
  --id-blue: #5555FF;
  --footer-h: 18px;
  --xshift: 30px;
  --top-gap: 30px;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);

  font-family:
    "Perfect DOS VGA 437",
    "Courier New",
    monospace;

  font-size: 18px;
  line-height: 1;

  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.id {
  color: var(--id-blue);
}

.hidden { display: none; }

.icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

a, a:visited, a:hover, a:active {
  color: var(--fg);
  text-decoration: underline;
}

a.mailto, a.mailto:visited, a.mailto:hover, a.mailto:active {
  color: var(--fg);
  text-decoration: none;
}

a.routelink, a.routelink:visited, a.routelink:hover, a.routelink:active {
  color: var(--fg);
  text-decoration: none;
}