@font-face {
  font-family: 'Space Mono';
  src: url('fonts/Space_Mono/SpaceMono-Regular.ttf');
}

body {
  background-color: black;
  font-family: 'Space Mono', monospace;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

canvas {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

#titleCard {
  position: fixed;
  z-index: 2;
  bottom: 0;
  right: 0;
  background: black;
  color: white;
  padding: 1rem;
  animation: fadeOut 1s 2s forwards;
}

#nightMode {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: black;
  display: grid;
  place-items: center;
  color: #ccc;
  font-size: 1.25rem;
}

#nightMode p {
  transform: translate(-10%, 0);
  animation: move 4s infinite alternate ease-in-out;
}

@keyframes move {
  to {transform: translate(10%, 0);}
}

@keyframes fadeOut {
  to {opacity: 0;}
}