.splashing{width:100vw;height:100vh;margin:0;padding:0;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}.splashing .splash{box-sizing:border-box;z-index:100;position:fixed}.splashing .splash.windcatcher{width:40px;height:auto;left:50%;margin-left:-20px;top:50%;margin-top:-50px;perspective:500px;animation:splash-rotate 4s linear infinite}.splashing .splash.windcatcher .blade{height:5px;background-color:#0277bd;margin-bottom:1px;animation:splash-windcatcherSpin 4s linear infinite,splash-windcatcherBg 2s linear infinite}.splashing .splash.windcatcher .blade:first-child{animation-delay:0s}.splashing .splash.windcatcher .blade:nth-child(2){animation-delay:.25s}.splashing .splash.windcatcher .blade:nth-child(3){animation-delay:.5s}.splashing .splash.windcatcher .blade:nth-child(4){animation-delay:.75s}.splashing .splash.windcatcher .blade:nth-child(5){animation-delay:1s}.splashing .splash.windcatcher .blade:nth-child(6){animation-delay:1.25s}.splashing .splash.windcatcher .blade:nth-child(7){animation-delay:1.5s}.splashing .splash.windcatcher .blade:nth-child(8){animation-delay:1.75s}@keyframes splash-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes splash-windcatcherSpin{0%{transform:rotateY(0deg) rotateX(-20deg)}to{transform:rotateY(1turn) rotateX(-20deg)}}@keyframes splash-windcatcherBg{0%{background-color:#0277bd}50%{background-color:#01579b}51%{background-color:#40c4ff}70%{background-color:#039be5}to{background-color:#0277bd}}