*{
  box-sizing: border-box;
  image-rendering: pixelated;
  cursor: url(/images/test/default-cursor.png), auto;
}

a *, a, button *, button{
  cursor: url(/images/test/default-pointer.png), pointer;
}

:root{
  --lightest: #c9c9c9;
  --light: #a3a3a3;
  --dark: #5a5a5a;
}

:root{
  --outline-white:
  drop-shadow(-2px 0 0 #ffffff)
  drop-shadow(2px 0 0 #ffffff)
  drop-shadow(0 -2px 0 #ffffff)
  drop-shadow(0 2px 0 #ffffff);

  --outline-black:
  drop-shadow(-1px 0 0 #000000)
  drop-shadow(1px 0 0 #000000)
  drop-shadow(0 -1px 0 #000000)
  drop-shadow(0 1px 0 #000000);
}

@font-face{
  font-family: ztbrososkon90s;
  src: url(/stylesheets/fonts/ztbrososkon90s-extralight-webfont.woff2);
}

@keyframes fade-in{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

body{
  background-color: #ffffff;
  color: #000000;
  font-family: ztbrososkon90s, 'Times New Roman', sans-serif;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}

::selection{
  color: var(--light);
  background: transparent;
}

.decor{
  position: absolute;
  pointer-events: none;
}

a{
  color: #000000;
  letter-spacing: 1px;
  text-decoration: 1px underline dotted var(--lightest);
  transition: all 0.2s steps(2, end);
}

button{
  font-family: ztbrososkon90s, 'Times New Roman', sans-serif;
  color: #000000;
  letter-spacing: 1px;
  background: none;
  padding: 0;
  border: 0;
  transition: all 0.2s steps(2, end);
}

a:hover, button:hover{
  color: #ffffff;
  background: #000000;
}