.page-loader{position:relative;width:20px;height:20px}.stick{width:5px;height:150px;background-color:#a3541c;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:-1}.loader-container{position:relative;width:20px;height:20px;transform:rotate(30deg) scale(.77);animation:rotateAnimation 3s linear infinite}.pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;z-index:10;border-radius:999px}.paper-container{position:absolute;scale:1.5}.paper-leaf-1{position:relative;width:0;height:0;clip-path:ellipse(50% 50% at 50% 109%);border-left:30px solid rgba(0,0,0,0);border-right:30px solid rgba(0,0,0,0);border-top-left-radius:222px;border-top-right-radius:222px}.paper-leaf-2{right:-1px;width:30px;border-bottom-right-radius:2px;z-index:2}.paper-leaf-2,.paper-leaf-2:before{position:absolute;bottom:0;height:20.5px}.paper-leaf-2:before{content:"";right:1/2;width:24.5px;clip-path:ellipse(100% 100% at 0 100%);border-top-right-radius:999px;box-shadow:inset -5px 0 3px -3px rgba(0,0,0,.2),10px -10px 10px 0 hsla(0,0%,100%,.1);z-index:1}.red{top:50%;left:50%;transform:translate(-80%,-85%);z-index:2}.red-1{border-bottom:50px solid #ff5733}.red-2{background-color:#ff5733}.rotate-90{transform:rotate(90deg) translate(-75%,-10%);top:50%;left:50%;z-index:3}.yellow-1{border-bottom:50px solid #ffc300}.yellow-2{background-color:#ffc300}.rotate-180{transform:rotate(180deg) translate(-16%,-17%);top:50%;left:50%;z-index:4}.green-1{border-bottom:50px solid #2ecc71}.green-2{background-color:#2ecc71}.rotate-270{transform:rotate(270deg) translate(-22%,-90%);top:50%;left:50%;z-index:5}.blue-1{border-bottom:50px solid #3498db}.blue-2{background-color:#3498db}.grass-container{top:500%;display:flex;align-items:end;justify-content:center}.grass-container,.line{position:absolute;z-index:-2}.line{right:150px;top:150px}.line:before{background-color:#6a994e;width:100px;height:50px;top:-50px;left:50px;box-shadow:100px 0 #78a85b}.line:after,.line:before{content:"";position:absolute;border-radius:50px 50px 0 0}.line:after{background-color:#78a85b;width:50px;height:25px;top:-25px;left:10px;box-shadow:50px 0 #55803c,105px 0 #6a994e,195px 0 #6a994e,225px 0 #a7c957}@keyframes rotateAnimation{0%{transform:rotate(30deg) scale(.77)}to{transform:rotate(390deg) scale(.77)}}#flip-loader div{display:inline-block;margin:5px;font-size:36px;animation:obrot 2s linear infinite}#flip-loader{height:320px;display:flex;justify-content:center;align-items:center}@keyframes obrot{0%{transform:rotateX(0)}12.5%{transform:rotateX(90deg)}25%{transform:rotateX(180deg)}37.5%{transform:rotateX(270deg)}50%{transform:rotateX(1turn)}to{transform:rotateX(1turn)}}#flip-loader div:first-child{animation-delay:0s}#flip-loader div:nth-child(2){animation-delay:.1s}#flip-loader div:nth-child(3){animation-delay:.2s}#flip-loader div:nth-child(4){animation-delay:.3s}#flip-loader div:nth-child(5){animation-delay:.4s}#flip-loader div:nth-child(6){animation-delay:.5s}#flip-loader div:nth-child(7){animation-delay:.6s}