font-face {
  font-family: 'Andale Mono';
  font-style: normal;
  font-weight: 300;
  src: url(https://www.fischhobel.de/assets/fonts/Andale_Mono_Regular.woff) format('woff');
}

body, h1, p, section {
  font-family: 'Andale Mono', monospace;
  font-weight: 300;
  line-height: 1.6;
}

html {
  font-size: 14px;
}

.badge {
  color: #d5d5d5 !important;
  background: rgba(125, 121, 109, 0.05);
}


section {
  opacity: 0;
  margin-top: 0px;
  transition: opacity 4s ease, margin-top 4s ease;
}

section.visible {
  opacity: 1;
  margin-top: 200px;
}

.meta
{
  color: #ddd;
  text-align: center;
  padding: 20px;
}

.one {
  height: 600px;
  font-size: 8em;
  color: #ddd;
  text-align: center;
  padding: 20px;
}
.two {
  height: 700px;
  font-size: 2em;
  color: #989381;
  text-align: center;
  padding: 20px;
}

.three {
  height: 200px;
  font-size: 4em;
  color: #c3c3c3;
  text-align: center;
  padding: 20px;
}

.four {
  height: 700px;
  font-size: 3em;
  color: #959595;
  text-align: center;
  padding: 20px;
}

.five {
  height: 400px;
  font-size: 2.5em;
  color: #d9d0b8;
  text-align: center;
  padding: 20px;
}
@media screen and (min-width: 40em) {
  #content p {
    margin-left: -15% !important;
    margin-right: -15% !important;
  }
}