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

body {
  margin: 0;
  background-color: #000;
  color: #fff;
  font-family: 'DM Sans', Helvetica, Arial, sans-serif;
  overflow: hidden;
  /* disable scrolling / rubberband effect on mobile */
}

canvas {
  display: block;
  position: absolute;
  outline: 0;
}

* {
  /* disable on touch highlights of html elements, especially on mobile! */
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

footer {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 2;
  box-sizing: border-box;
  width: 200px;
  padding: 20px;
  text-align: right;
  font-size: 18px;
  color: var(--highlight-color);
  background-image: url('assets/images/logo-white.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
}

footer a,
footer a:hover,
footer a:active {
  color: var(--highlight-color);
}