@font-face {
  font-family: 'Outfit';
  src: url('Outfit-VariableFont_wght.ttf') format("truetype-variations");
  font-weight: 1 999;
}

:root {
  --pico-font-family: 'Outfit';
}

hgroup>h1 {
  font-size: 4rem;
}

article {
  text-align: left;
}

.tools {
  text-align: justify;
  text-align-last: justify;
}

.item {
  display: inline-block;
}

canvas {
  display: block;
  position: absolute;
  outline: 0;
  z-index: -1;
}

* {
  /* 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; */
}