@keyframes fall {
    0% {
        opacity: .9;
        top: 0
    }

    100% {
        opacity: .2;
        top: 100%
    }
}

@keyframes blow-soft-left {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -50%
    }
}

@keyframes blow-medium-left {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -100%
    }
}

@keyframes blow-soft-right {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 50%
    }
}

@keyframes blow-medium-right {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 100%
    }
}

@keyframes sway-0 {
    0% {
        transform: rotate(-5deg)
    }

    40% {
        transform: rotate(28deg)
    }

    100% {
        transform: rotate(3deg)
    }
}

@keyframes sway-1 {
    0% {
        transform: rotate(10deg)
    }

    40% {
        transform: rotate(43deg)
    }

    100% {
        transform: rotate(15deg)
    }
}

@keyframes sway-2 {
    0% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(56deg)
    }

    100% {
        transform: rotate(22deg)
    }
}

@keyframes sway-3 {
    0% {
        transform: rotate(25deg)
    }

    40% {
        transform: rotate(74deg)
    }

    100% {
        transform: rotate(37deg)
    }
}

@keyframes sway-4 {
    0% {
        transform: rotate(40deg)
    }

    40% {
        transform: rotate(68deg)
    }

    100% {
        transform: rotate(25deg)
    }
}

@keyframes sway-5 {
    0% {
        transform: rotate(50deg)
    }

    40% {
        transform: rotate(78deg)
    }

    100% {
        transform: rotate(40deg)
    }
}

@keyframes sway-6 {
    0% {
        transform: rotate(65deg)
    }

    40% {
        transform: rotate(92deg)
    }

    100% {
        transform: rotate(58deg)
    }
}

@keyframes sway-7 {
    0% {
        transform: rotate(72deg)
    }

    40% {
        transform: rotate(118deg)
    }

    100% {
        transform: rotate(68deg)
    }
}

@keyframes sway-8 {
    0% {
        transform: rotate(94deg)
    }

    40% {
        transform: rotate(136deg)
    }

    100% {
        transform: rotate(82deg)
    }
}

.sakura {
    pointer-events: none;
    position: absolute
}