.blossom{animation-duration:10s,3s;animation-iteration-count:infinite,infinite;animation-name:blossom-falling,blossom-shaking;animation-play-state:running,running;animation-timing-function:linear,ease-in-out;cursor:default;pointer-events:none;position:absolute;top:-10%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blossom:nth-of-type(0){animation-delay:0s,0s;left:1%}.blossom:first-of-type{animation-delay:1s,1s;left:10%}.blossom:nth-of-type(2){animation-delay:6s,.5s;left:20%}.blossom:nth-of-type(3){animation-delay:4s,2s;left:30%}.blossom:nth-of-type(4){animation-delay:2s,2s;left:40%}.blossom:nth-of-type(5){animation-delay:8s,3s;left:50%}.blossom:nth-of-type(6){animation-delay:6s,2s;left:60%}.blossom:nth-of-type(7){animation-delay:2.5s,1s;left:70%}.blossom:nth-of-type(8){animation-delay:1s,0s;left:80%}.blossom:nth-of-type(9){animation-delay:3s,1.5s;left:90%}@keyframes blossom-falling{0%{top:106px}to{top:100%}}@keyframes blossom-shaking{0%{transform:translate(-40px) rotate(1turn) scaleY(.25)}50%{transform:translate(40px) rotate(160deg)}to{transform:translate(-40px) rotate(1turn) scaleY(.25)}}.leafflake{animation-duration:10s,3s;animation-iteration-count:infinite,infinite;animation-name:leafflake-falling,leafflake-shaking;animation-play-state:running,running;animation-timing-function:linear,ease-in-out;cursor:default;pointer-events:none;position:absolute;top:-10%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leafflake:nth-of-type(0){animation-delay:0s,0s;left:1%}.leafflake:first-of-type{animation-delay:1s,1s;left:10%}.leafflake:nth-of-type(2){animation-delay:6s,.5s;left:20%}.leafflake:nth-of-type(3){animation-delay:4s,2s;left:30%}.leafflake:nth-of-type(4){animation-delay:2s,2s;left:40%}.leafflake:nth-of-type(5){animation-delay:8s,3s;left:50%}.leafflake:nth-of-type(6){animation-delay:6s,2s;left:60%}.leafflake:nth-of-type(7){animation-delay:2.5s,1s;left:70%}.leafflake:nth-of-type(8){animation-delay:1s,0s;left:80%}.leafflake:nth-of-type(9){animation-delay:3s,1.5s;left:90%}@keyframes leafflake-falling{0%{top:-10%}to{top:100%}}@keyframes leafflake-shaking{0%{transform:translate(-40px) rotate(1turn)}50%{transform:translate(40px) rotate(160deg)}to{transform:translate(-40px) rotate(1turn)}}
