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

body {
  overflow: hidden;
  background: #999999;
}

/*Schriften Monserrat und Bebas Neue*/
@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-Light.ttf);
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-Medium.ttf);
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-Bold.ttf);
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Righteous";
  src: url(/fonts/Righteous-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}

#canvas {
  position: relative;
}

.schatten h1 {
  left: 14px;
  top: 25px;
  display: inline-block;
  line-height: 172px;
  position: absolute;
  text-transform: uppercase;
  color: #707070;
  font-size: 240px;
  font-family: "Righteous", sans-serif;
  font-style: normal;
}