@font-face {
  font-family: 'Overdose Sunrise';
  src: url('fonts/overdose_sunrise-webfont.woff2') format("woff2"), url('fonts/overdose_sunrise-webfont.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Rat Infested Mailbox';
  src: url('fonts/rat_infested_mailbox-webfont.woff2') format("woff2"), url('fonts/rat_infested_mailbox-webfont.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}

.paralax-background {
  background: url('/img/scratch-logo.svg') no-repeat center center;
  position: fixed;
  width: 100%;
  height: 480px;

  /*same height as jumbotron */
  top: 0;
  left: 0;
  z-index: -1;
  box-shadow: inset 0px 0px 150px 60px rgba(0, 0, 0, 0.5);

  /* Blur. */
  /*-webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);*/
}

.jumbotron {
  height: 480px;
  color: red;
  padding-top: 120px;
  text-align: center;
  text-shadow: #EEEE00 0 0 10px;
  background: transparent;
  font-family: 'Rat Infested Mailbox';
}

.trumbowyg-box {
  display: block;
  position: relative;
  height: 100%;
  margin: 0;
  border: 0;
  display: hidden;
  font-family: monospace;
}

.trumbowyg-editor {
  border: 0;
  min-height: 480px;
}

#editorpanel {
  width: 100%;
  height: 100%;
  padding: 0;
}

#box {
  border: 1px solid #ddd;
}