/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-code-pro-v22-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/source-code-pro-v22-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/source-code-pro-v22-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/source-code-pro-v22-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/source-code-pro-v22-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/source-code-pro-v22-latin-regular.svg#SourceCodePro') format('svg');
  /* Legacy iOS */
}

body,
html {
  background: #fff;
  margin: 0;
  font-family: 'Source Code Pro';
  text-transform: lowercase;
}

a {
  color: black;
  text-decoration: underline
}

a:hover {
  color: white;
  background-color: #000;
}

ul {
  list-style-type: none;
}

#imprint {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 100;
}

#canvas {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: -1;
}

#info {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  font-size: 100px;
  text-align: center;
}

#txt {
  position: absolute;
  left: 20%;
  top: 25vh;
  z-index: 100;
  font-size: 24px;
  text-align: left;
}

#txt h1 {
  background: #000000;
  color: white;
  font-size: 24px;
}

#txt a {
  color: black;
  text-decoration: underline
}

#txt a:hover {
  color: white;
  background-color: #000;
}

#txt h1 a {
  color: white;
  text-decoration: underline
}

#txt h1 a:hover {
  color: black;
  background-color: white;
}