/* Webfont: Thunder-BlackHC */
@font-face {
  font-family: "Thunder";
  src: url("/assets/fonts/Thunder-HC.woff2") format("woff2"), url("/assets/fonts/Thunder-HC.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
* {
  margin: 0;
  padding: 0;
}

html .center, body .center {
  text-align: center;
}
html a, body a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}
html .header, body .header {
  font-family: "Thunder";
  letter-spacing: 10;
  background-color: whitesmoke;
  margin: 0;
  padding: 10px 0 0 10px;
}
html .header .logo, body .header .logo {
  width: 260px;
  height: 260px;
  display: inline-block;
}
html .header .header-layers, body .header .header-layers {
  display: inline-block;
}
html .header .header-layers h3, body .header .header-layers h3 {
  margin: 0;
  padding: 0;
  font-size: 110px;
  position: absolute;
}
html .header .header-layers h3.header-layer-1, body .header .header-layers h3.header-layer-1 {
  top: 5;
  color: #2c36e5;
}
html .header .header-layers h3.header-layer-2, body .header .header-layers h3.header-layer-2 {
  top: 90;
  color: #bf151d;
}
html .header .header-layers h3.header-layer-3, body .header .header-layers h3.header-layer-3 {
  top: 180;
  color: #000;
  letter-spacing: initial;
}
html .main, body .main {
  margin: 0 12%;
  margin-top: 20px;
  font-size: 28px;
}
html .main h2, body .main h2 {
  font-size: 40px;
}
html .main input, body .main input {
  margin-top: 8px;
  font-size: 28px;
}
html .main .jumbotron, body .main .jumbotron {
  font-size: 22px;
  position: relative;
  min-height: 400px;
}
html .main .jumbotron img, body .main .jumbotron img {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  height: 100%;
}
html .main .jumbotron .background, body .main .jumbotron .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
html .main .jumbotron .call-to-action, body .main .jumbotron .call-to-action {
  position: absolute;
  bottom: 20;
  right: 20;
  font-size: 24px;
}
html .main img, body .main img {
  max-width: 100%;
  overflow: scroll;
}
html .main .wisk-box, body .main .wisk-box {
  position: absolute;
  top: 10;
  left: 5;
}
html .main .wisk-box .wisk, body .main .wisk-box .wisk {
  display: none;
}
html .main .wisk-box .wisk.active, body .main .wisk-box .wisk.active {
  display: initial;
}
html .footer, body .footer {
  text-align: center;
  font-size: 24px;
}

/*# sourceMappingURL=index.css.map */