:root {
  --clr-green: #31AB49;
  --clr-light-blue: #46BDE0;
  --clr-yellow: #F7F2CB;
  --clr-light-gray: #666666;
}

body {
  visibility: hidden;
  opacity: 0;
}
body.is-animated {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 2s 0.5s ease-in-out;
  transition: all 2s 0.5s ease-in-out;
}

@-webkit-keyframes yurayura-left {
  0%, 100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}

@keyframes yurayura-left {
  0%, 100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@-webkit-keyframes yurayura-right {
  0%, 100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@keyframes yurayura-right {
  0%, 100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@-webkit-keyframes fuwafuwa {
  0%, 100% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@keyframes fuwafuwa {
  0%, 100% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}/*# sourceMappingURL=common.css.map */