@-webkit-keyframes fall {
    0% {opacity: 0.8;top: 0}
    100% {opacity: 0.2;top: 100%}
}

@keyframes fall {
    0% {opacity: 0.8;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: rotateX(0deg) rotateY(0deg)}
    40% {-webkit-transform: rotateX(90deg) rotateY(90deg);}
    100% {-webkit-transform: rotateX(360deg) rotateY(360deg)}
}*/
@keyframes sway-0 {
    0% {-ms-transform: rotate(-5deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg)}
    40% {-ms-transform: rotate(128deg) rotateY(90deg);-moz-transform: rotateX(90deg) rotateY(90deg)}
    100% {-ms-transform: rotate(360deg) rotateY(360deg);-moz-transform: rotateX(360deg) rotateY(360deg)}
}


/*@-webkit-keyframes sway-1 {
    0% {-webkit-transform: rotate(0deg)}
    40% {-webkit-transform: rotate(180deg)}
    100% {-webkit-transform: rotate(360deg)}
}*/
@keyframes sway-1 {
    0% {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg)}
    40% {-ms-transform: rotate(180deg);-moz-transform: rotate(180deg)}
    100% {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}


/*@-webkit-keyframes sway-2 {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg)}
    40% {-webkit-transform: rotate(180deg) rotateX(180deg)}
    100% {-webkit-transform: rotate(360deg) rotateX(360deg)}
}*/

@keyframes sway-2 {
    0% {
        -ms-transform: rotate(0deg) rotateX(0deg);
        -moz-transform: rotate(0deg) rotateX(0deg)
    }
    40% {
        -ms-transform: rotate(180deg) rotateX(180deg);
        -moz-transform: rotate(180deg) rotateX(180deg)
    }
    100% {
        -ms-transform: rotate(360deg) rotateX(360deg);
        -moz-transform: rotate(360deg) rotateX(360deg)
    }
}

/*@-webkit-keyframes sway-3 {
    0% {-webkit-transform: rotate(0deg) rotateX(0deg)}
    40% {-webkit-transform: rotate(-180deg) rotateX(-180deg)}
    100% {-webkit-transform: rotate(-360deg) rotateX(-360deg)}
}*/
@keyframes sway-3 {
    0% {
        -ms-transform: rotate(0deg) rotateX(0deg);
        -moz-transform: rotate(0deg) rotateX(0deg)
    }
    40% {
        -ms-transform: rotate(-90deg) rotateX(-180deg);
        -moz-transform: rotate(-90deg) rotateX(-180deg)
    }
    100% {
        -ms-transform: rotate(0deg) rotateX(-360deg);
        -moz-transform: rotate(0deg) rotateX(-360deg)
    }
}


/*@-webkit-keyframes sway-4 {
    0% {-webkit-transform: rotate(0deg) rotateY(0deg)}
    40% {-webkit-transform: rotate(-180deg) rotateY(180deg)}
    100% {-webkit-transform: rotate(-360deg) rotateY(360deg)}
}*/

@keyframes sway-4 {
    0% {
        -ms-transform: rotate(0deg) rotateY(0deg);
        -moz-transform: rotate(0deg) rotateY(0deg)
    }
    40% {
        -ms-transform: rotate(-90deg) rotateY(180deg);
        -moz-transform: rotate(-90deg) rotateY(180deg)
    }
    100% {
        -ms-transform: rotate(-360deg) rotateY(360deg);
        -moz-transform: rotate(-360deg) rotateY(360deg)
    }
}

/*@media screen and (-webkit-min-device-pixel-ratio:0){
    @keyframes sway-0 {
        0% {transform: rotate(0deg) rotateY(0deg);}
        40% {transform: rotateX(90deg) rotateY(90deg);}
        100% {transform: rotate(360deg) rotateY(360deg);}
    }
    @keyframes sway-1 {
        0% {transform: rotate(0deg);}
        40% {transform: rotate(180deg);}
        100% {transform: rotate(360deg);}
    }
    @keyframes sway-2 {
        0% {transform: rotate(0deg) rotateX(0deg);}
        40% {transform: rotate(180deg) rotateX(180deg);}
        100% {transform: rotate(-360deg) rotateY(360deg);}
    }
    @keyframes sway-3 {
        0% {transform: rotate(0deg) rotateX(0deg);}
        40% {transform: rotate(-90deg) rotateX(-180deg);}
        100% {transform: rotate(0deg) rotateX(-360deg);}
    }
    @keyframes sway-4 {
        0% {transform: rotate(0deg) rotateY(0deg);}
        40% {transform: rotate(-90deg) rotateY(180deg);}
        100% {transform: rotate(-360deg) rotateY(360deg);}
    }
}*/

_::-webkit-full-page-media, _:future, :root .sakura {
	transform: none!important;
}

/*
@-webkit-keyframes sway-5 {
    0% {
        -webkit-transform: rotate(50deg)
    }
    40% {
        -webkit-transform: rotate(78deg)
    }
    100% {
        -webkit-transform: rotate(40deg)
    }
}

@keyframes sway-5 {
    0% {
        -ms-transform: rotate(50deg);
        transform: rotate(50deg)
    }
    40% {
        -ms-transform: rotate(78deg);
        transform: rotate(78deg)
    }
    100% {
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@-webkit-keyframes sway-6 {
    0% {
        -webkit-transform: rotate(65deg)
    }
    40% {
        -webkit-transform: rotate(92deg)
    }
    100% {
        -webkit-transform: rotate(58deg)
    }
}

@keyframes sway-6 {
    0% {
        -ms-transform: rotate(65deg);
        transform: rotate(65deg)
    }
    40% {
        -ms-transform: rotate(92deg);
        transform: rotate(92deg)
    }
    100% {
        -ms-transform: rotate(58deg);
        transform: rotate(58deg)
    }
}

@-webkit-keyframes sway-7 {
    0% {
        -webkit-transform: rotate(72deg)
    }
    40% {
        -webkit-transform: rotate(118deg)
    }
    100% {
        -webkit-transform: rotate(68deg)
    }
}

@keyframes sway-7 {
    0% {
        -ms-transform: rotate(72deg);
        transform: rotate(72deg)
    }
    40% {
        -ms-transform: rotate(118deg);
        transform: rotate(118deg)
    }
    100% {
        -ms-transform: rotate(68deg);
        transform: rotate(68deg)
    }
}

@-webkit-keyframes sway-8 {
    0% {
        -webkit-transform: rotate(94deg)
    }
    40% {
        -webkit-transform: rotate(136deg)
    }
    100% {
        -webkit-transform: rotate(82deg)
    }
}

@keyframes sway-8 {
    0% {
        -ms-transform: rotate(94deg);
        transform: rotate(94deg)
    }
    40% {
        -ms-transform: rotate(136deg);
        transform: rotate(136deg)
    }
    100% {
        -ms-transform: rotate(82deg);
        transform: rotate(82deg)
    }
}*/

.sakura {
    /*background: -webkit-linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
    background: linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));*/
    background: url(../img/sakura.png)no-repeat center top;
    background-size: contain;
    pointer-events: none;
    position: absolute
}

@media screen and (max-width: 460px) {
    .sakura {
        background: url(../img/sakura.png)no-repeat center top;
        background-size: contain;
        transform:scale(0.3);
    }
}