/**
 * Fonts
 *
 */

@font-face {
  font-family: 'silkscreen';
  src: url('/font/slkscr-webfont.woff2') format('woff2'), url('/font/slkscr-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal}

 .type-content {font-family: Georgia, Cambria, 'Times New Roman', Times, serif}
 .type-monospace {font-family: 'Menlo', Monaco, monospace}
 .type-pixel {font-family: 'silkscreen', 'Menlo', Monaco, monospace}
 
 /**
  * Colors
  *
  */
 
 .color-white {color: #ddd}
 .color-lightblack {color: #212121}
 .color-blue {color: #5BC0EB}
 .color-yellow {color: #FDE74C}
 .color-green {color: #9BC53D}
 .color-red {color: #E55934}
 .color-orange {color: #FA7921}
 
 .bg-color-white {background-color: #ddd}
 .bg-color-lightblack {background-color: #212121}
 .bg-color-blue {background-color: #5BC0EB}
 .bg-color-yellow {background-color: #FDE74C}
 .bg-color-green {background-color: #9BC53D}
 .bg-color-red {background-color: #E55934}
 .bg-color-orange {background-color: #FA7921}

/**
 * Helper classes
 *
 */

.no-space {
  margin: 0;
  padding: 0}

.zero-height {height: 0}

/**
 * Element defaults
 *
 */

body {
  background: fixed #fff no-repeat;
  overflow-x: hidden}

a {text-decoration: none}

main {
  display: flex;
  max-width: 1100px;
  margin: 0 auto}

/** Headlines **/
h1 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0 30px 0}

template {display: none !important}