/*!
 * Sakura.js 1.1.1
 * Vanilla JS version of jQuery-Sakura: Make it rain sakura petals.
 * https://github.com/jhammann/sakura
 *
 * Copyright 2019-2019 Jeroen Hammann
 *
 * Released under the MIT License
 *
 * Released on: September 4, 2019
 */
@-webkit-keyframes fall {
  0% {
    opacity: 0.9;
    top: 0;
  }
  100% {
    opacity: 0.2;
    top: 100%;
  }
}
@keyframes fall {
  0% {
    opacity: 0.9;
    top: 0;
  }
  100% {
    opacity: 0.2;
    top: 100%;
  }
}
@-webkit-keyframes blow-soft-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%;
  }
}
@keyframes blow-soft-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%;
  }
}
@-webkit-keyframes blow-medium-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}
@keyframes blow-medium-left {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}
@-webkit-keyframes blow-soft-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 50%;
  }
}
@keyframes blow-soft-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 50%;
  }
}
@-webkit-keyframes blow-medium-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}
@keyframes blow-medium-right {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}
@-webkit-keyframes sway-0 {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
  }
  100% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
}
@keyframes sway-0 {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
  }
  100% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
}
@-webkit-keyframes sway-1 {
  0% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(43deg);
    transform: rotate(43deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@keyframes sway-1 {
  0% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(43deg);
    transform: rotate(43deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@-webkit-keyframes sway-2 {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(56deg);
    transform: rotate(56deg);
  }
  100% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
}
@keyframes sway-2 {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(56deg);
    transform: rotate(56deg);
  }
  100% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
}
@-webkit-keyframes sway-3 {
  0% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  40% {
    -webkit-transform: rotate(74deg);
    transform: rotate(74deg);
  }
  100% {
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
  }
}
@keyframes sway-3 {
  0% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  40% {
    -webkit-transform: rotate(74deg);
    transform: rotate(74deg);
  }
  100% {
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
  }
}
@-webkit-keyframes sway-4 {
  0% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
  40% {
    -webkit-transform: rotate(68deg);
    transform: rotate(68deg);
  }
  100% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}
@keyframes sway-4 {
  0% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
  40% {
    -webkit-transform: rotate(68deg);
    transform: rotate(68deg);
  }
  100% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}
@-webkit-keyframes sway-5 {
  0% {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
  }
  40% {
    -webkit-transform: rotate(78deg);
    transform: rotate(78deg);
  }
  100% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
}
@keyframes sway-5 {
  0% {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
  }
  40% {
    -webkit-transform: rotate(78deg);
    transform: rotate(78deg);
  }
  100% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
}
@-webkit-keyframes sway-6 {
  0% {
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
  }
  40% {
    -webkit-transform: rotate(92deg);
    transform: rotate(92deg);
  }
  100% {
    -webkit-transform: rotate(58deg);
    transform: rotate(58deg);
  }
}
@keyframes sway-6 {
  0% {
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
  }
  40% {
    -webkit-transform: rotate(92deg);
    transform: rotate(92deg);
  }
  100% {
    -webkit-transform: rotate(58deg);
    transform: rotate(58deg);
  }
}
@-webkit-keyframes sway-7 {
  0% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  40% {
    -webkit-transform: rotate(118deg);
    transform: rotate(118deg);
  }
  100% {
    -webkit-transform: rotate(68deg);
    transform: rotate(68deg);
  }
}
@keyframes sway-7 {
  0% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  40% {
    -webkit-transform: rotate(118deg);
    transform: rotate(118deg);
  }
  100% {
    -webkit-transform: rotate(68deg);
    transform: rotate(68deg);
  }
}
@-webkit-keyframes sway-8 {
  0% {
    -webkit-transform: rotate(94deg);
    transform: rotate(94deg);
  }
  40% {
    -webkit-transform: rotate(136deg);
    transform: rotate(136deg);
  }
  100% {
    -webkit-transform: rotate(82deg);
    transform: rotate(82deg);
  }
}
@keyframes sway-8 {
  0% {
    -webkit-transform: rotate(94deg);
    transform: rotate(94deg);
  }
  40% {
    -webkit-transform: rotate(136deg);
    transform: rotate(136deg);
  }
  100% {
    -webkit-transform: rotate(82deg);
    transform: rotate(82deg);
  }
}
.sakura {
  pointer-events: none;
  position: absolute;
}