/*!
 * Sakura.js 1.1.1
 * Vanilla JS version of jQuery-Sakura: Make it rain sakura petals.
 * https://github.com/jhammann/sakura
 *
 * Copyright 2019-2022 Jeroen Hammann
 *
 * Released under the MIT License
 *
 * Released on: March 4, 2022
 */
 @-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; }