* {
  box-sizing: border-box;
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
  position: fixed;
  bottom: 0;
  left: 0px !important;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background: transparent;
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
  font-size: 2rem;
  color: grey;
  font-family: Helvetica;
}
body {
  padding-bottom: 5rem;
  font-family: Helvetica;
}
h1, h2, p {
  padding: 0 5%;
  font-family: Helvetica;
}
.lightbulb {
  position: absolute;
  top: -5%;
  left: -5%;
  width: 80%;
}
.lightbulb .icon {
  width: 100%;
  filter: invert(98%) sepia(56%) saturate(858%) hue-rotate(71deg) brightness(102%) contrast(99%);
}
.house {
  position: absolute;
  bottom: 1%;
  right: 1%;
  width: 20%;
}
.house .icon {
  width: 100%;
  filter: invert(94%) sepia(0%) saturate(420%) hue-rotate(205deg) brightness(86%) contrast(109%);
}
.bang {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1000;
}
.bang .bomb {
  position: absolute;
  top: 40%;
  left: 25%;
}
.bang .caption {
  font-size: 36px;
  opacity: 1;
  -webkit-animation: captionBang 2s ease 0s infinite normal;
  animation: captionBang 2s ease 0s infinite normal;
  animation-delay: 5s;
}
@-webkit-keyframes captionBang {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  85% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    transform: scale3d(5, 5, 5);
  }
}
@keyframes captionBang {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  30% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
  85% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    transform: scale3d(5, 5, 5);
  }
}
