/**
 * fear.css
 * scss: ../scss/fear.scss
 */
@media (max-width: 601px) {
  #header h1 {
    width: 100%;
    margin-top: 16px;
  }
}

@media (max-width: 601px) {
  body.article #header h1 {
    max-width: 40%;
  }
}

.feeeeear1 {
  display: inline-block;
  animation: feeeeear1 0.1s infinite;
}

@keyframes feeeeear1 {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}
.feeeeear2 {
  display: inline-block;
  animation: feeeeear2 0.15s infinite;
}

@keyframes feeeeear2 {
  0% {
    transform: translate(2px, 0px) rotateZ(0deg);
  }
  25% {
    transform: translate(0px, 2px) rotateZ(1deg);
  }
  50% {
    transform: translate(2px, 2px) rotateZ(0deg);
  }
  75% {
    transform: translate(0px, 0px) rotateZ(-1deg);
  }
  100% {
    transform: translate(2px, 0px) rotateZ(0deg);
  }
}
.feeeeear3 {
  display: inline-block;
  animation: feeeeear3 0.2s infinite;
}

@keyframes feeeeear3 {
  0% {
    transform: translate(0px, 0px) rotateZ(1deg);
  }
  25% {
    transform: translate(2px, 2px) rotateZ(0deg);
  }
  50% {
    transform: translate(0px, 2px) rotateZ(-1deg);
  }
  75% {
    transform: translate(2px, 0px) rotateZ(0deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(1deg);
  }
}

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