:root{--sun-color:#FFBB10;--sky-color-1:#FBD788;--sky-color-2:#FFEFC0;--sky-color-3:#E8BF62;--land-color-1:#62B144;--land-color-2:#3D9339;--grass-color-1:#37913B;--grass-color-2:#8BC435;--brick-color-1:#D58256;--brick-color-2:#CD7555;--wood-color-1:#623B39;--wood-color-2:#472A2A;--wood-color-3:#2E1D1D;--wood-color-4:#000;--window-color-1:#E3E1E1;--window-color-2:#000;--window-color-3:#FFF;--mill-top-color:#C0C0C0;--mill-bottom-color-1:#8F3C31;--mill-bottom-color-2:#9C4B3D;--dome-color:#FFF;--blade-color-1:#FD903D;--blade-color-2:#BE684F;--window-move-time:2s;--land-slide-time:2s;--blades-spin-time:6s}@keyframes window-move{0%{top:47%}100%{top:53%}}@keyframes window-bottom-move{0%{transform:scale(1);top:0}100%{transform:scale(1.1);top:-10px}}@keyframes blades-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes land-slide{0%{transform:translateX(-50%) scale(0.95)}100%{transform:translateX(-50%) scale(1.05)}}.window{position:relative;width:540px;height:540px;left:50%;top:50%;transform-origin:50% 50%;transform:translate(-50%,-50%) scale(0.75);border-radius:50%;background:radial-gradient(farthest-side at 135px 340px,var(--sky-color-2) 135px,transparent 135px),radial-gradient(farthest-side at 405px 300px,var(--sky-color-1) 140px,transparent 135px),linear-gradient(to bottom,var(--sky-color-1) 320px,var(--sky-color-2) 320px);animation:window-move var(--window-move-time) ease-in-out infinite alternate}.window::before{content:"";position:absolute;bottom:0;left:0;top:0;right:0;background:linear-gradient(to bottom,transparent 490px,var(--sky-color-3) 490px,var(--sky-color-3) 510px,var(--sky-color-1) 510px);border-radius:50%;animation:window-bottom-move var(--window-move-time) ease-in-out infinite alternate}.land{position:absolute;width:460px;height:40px;background:var(--land-color-1);bottom:40px;left:50%;transform-origin:50% 0%;transform:translateX(-50%) scale(1);border-radius:20px 20px 5px 5px;border-bottom:5px solid var(--land-color-2);z-index:2;animation:land-slide var(--land-slide-time) ease-in-out infinite alternate}.grass{position:absolute;background:transparent;bottom:80px;left:50%;transform:translateX(-50%)}.grass-1{z-index:1;width:60px;height:30px;border-radius:30px 30px 0 0;box-shadow:-90px 0 0 0 var(--grass-color-1),-130px 4px 0 -4px var(--grass-color-1),-165px 8px 0 -8px var(--grass-color-1),90px 0 0 0 var(--grass-color-1),140px 4px 0 -4px var(--grass-color-1),165px 8px 0 -8px var(--grass-color-1)}.grass-2{z-index:2;width:40px;height:20px;border-radius:20px 20px 0 0;box-shadow:-90px 0 0 0 var(--grass-color-2),-60px 2px 0 -2px var(--grass-color-2),-35px 5px 0 -5px var(--grass-color-2),90px 0 0 0 var(--grass-color-2),60px 2px 0 -2px var(--grass-color-2),35px 5px 0 -5px var(--grass-color-2)}.windmill{position:absolute;width:180px;height:280px;left:50%;bottom:80px;transform:translateX(-50%);z-index:2}.windmill::before{content:"";position:absolute;top:0;background:var(--mill-top-color);left:50%;transform:translateX(-50%);width:130px;height:30px;border-radius:0 0 20px 20px/0 0 45px 45px}.windmill::after{content:"";position:absolute;bottom:0;background:linear-gradient(to bottom,var(--mill-bottom-color-1) 25px,var(--mill-bottom-color-2) 25px,var(--mill-bottom-color-2) 45px,var(--mill-bottom-color-1) 45px);width:100%;height:50px}.windmill-window{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(0.85,0.95);width:8px;height:8px;background:transparent;box-shadow:5px 25px 0 0 var(--window-color-2),-5px 25px 0 0 var(--window-color-2),5px 35px 0 0 var(--window-color-2),-5px 35px 0 0 var(--window-color-2),0 30px 0 5px var(--window-color-1),0 30px 0 8px var(--window-color-3),5px -25px 0 0 var(--window-color-2),-5px -25px 0 0 var(--window-color-2),5px -35px 0 0 var(--window-color-2),-5px -35px 0 0 var(--window-color-2),0 -30px 0 5px var(--window-color-1),0 -30px 0 8px var(--window-color-3)}.pillar{position:absolute;background-image:linear-gradient(335deg,var(--brick-color-2) 6px,transparent 6px),linear-gradient(155deg,var(--brick-color-2) 6px,transparent 6px),linear-gradient(335deg,var(--brick-color-2) 6px,transparent 6px),linear-gradient(155deg,var(--brick-color-2) 6px,transparent 6px);background-size:15px 15px;background-position:0 0,2px 9px,7px 8px,9px 1px;background-color:var(--brick-color-1);width:100%;height:200px;bottom:50px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);box-shadow:inset 0 4px 0 0 var(--wood-color-1)}.dome{position:absolute;width:110px;height:65px;border-radius:55px 55px 0 0;background:var(--dome-color);left:50%;top:-65px;transform:translateX(-50%)}.dome-window{position:absolute;width:24px;height:26px;border-radius:12px 12px 0 0;background:linear-gradient(to right,transparent 8px,var(--window-color-1) 8px,var(--window-color-1) 10px,transparent 10px),linear-gradient(to bottom,transparent 9px,var(--window-color-1) 9px,var(--window-color-1) 11px,transparent 11px),var(--window-color-2);border:3px solid var(--window-color-1);bottom:10px;left:50%;transform:translateX(-50%)}.dome-window::before{content:"";position:absolute;bottom:-4px;width:32px;height:2px;left:50%;transform:translateX(-50%);background:var(--window-color-1);box-shadow:0 2px 0 0 var(--wood-color-1)}.blades{position:absolute;z-index:-1;left:50%;top:-30px;transform:translate(-50%,-50%) rotate(40deg);width:20px;height:20px;border-radius:50%;background:var(--wood-color-3);animation:blades-spin var(--blades-spin-time) linear infinite}.blade{position:absolute;height:60px;width:200px;background:var(--blade-color-1);box-shadow:0 5px 0 0 var(--blade-color-2),0 -5px 0 0 var(--blade-color-2);transform-origin:-50px 15px;top:-5px;left:60px;transform:rotate(0deg)}.blade::before{content:"";position:absolute;height:8px;width:260px;border-radius:5px;background:var(--wood-color-2);top:11px;left:-55px}.blade::after{content:"";position:absolute;height:75px;width:4px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:2px;background:var(--wood-color-1);box-shadow:-33px 0 0 0 var(--wood-color-1),-67px 0 0 0 var(--wood-color-1),-100px 0 0 0 var(--wood-color-1),33px 0 0 0 var(--wood-color-1),67px 0 0 0 var(--wood-color-1),100px 0 0 0 var(--wood-color-1)}.blade-1{transform:rotate(0deg)}.blade-2{transform:rotate(90deg)}.blade-3{transform:rotate(180deg)}.blade-4{transform:rotate(270deg)}.ramp{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:240px;height:35px;background:linear-gradient(to bottom,transparent 10px,var(--wood-color-4) 10px,var(--wood-color-4) 15px,transparent 15px),linear-gradient(to right,var(--wood-color-1) 32%,var(--wood-color-2) 32%,var(--wood-color-2) 66%,var(--wood-color-3) 66%);z-index:2}.ramp::before{content:"";position:absolute;height:5px;width:20px;top:10px;left:50%;transform:translateX(-50%);background:transparent;box-shadow:-115px 0 0 0 var(--sky-color-2),115px 0 0 0 var(--sky-color-1)}.grill{position:absolute;height:25px;width:6px;top:-25px;background:transparent;left:50%;transform:translateX(-50%);border-radius:2px 2px 0 0;box-shadow:-100px 0 0 0 var(--wood-color-1),-60px 0 0 0 var(--wood-color-1),-20px 0 0 0 var(--wood-color-2),20px 0 0 0 var(--wood-color-2),60px 0 0 0 var(--wood-color-3),100px 0 0 0 var(--wood-color-3)}.grill::before{content:"";position:absolute;width:240px;height:6px;top:6px;background:linear-gradient(to right,var(--wood-color-2) 33%,var(--wood-color-3) 33%,var(--wood-color-3) 66%,var(--wood-color-4) 66%);left:50%;transform:translateX(-50%)}.hook{position:absolute;width:8px;height:24px;bottom:-24px;transform-origin:0 0}.hook::before{content:"";position:absolute;background:var(--mill-bottom-color-1);width:8px;height:10px;bottom:0;transform:skew(-50deg)}.hook::after{content:"";position:absolute;background:inherit;width:8px;height:10px;bottom:0}.hook-1{background:var(--wood-color-1);left:calc(32.5% * (1 - 1) + 2);transform:skew(calc(25deg * 2))}.hook-1::before{right:calc(-2.5px * 2);transform:skew(calc(-25deg * 2))}.hook-2{background:var(--wood-color-2);left:calc(32.5% * (2 - 1) + 1);transform:skew(calc(25deg * 1))}.hook-2::before{right:calc(-2.5px * 1);transform:skew(calc(-25deg * 1))}.hook-3{background:var(--wood-color-3);left:calc(32.5% * (3 - 1) + -1);transform:skew(calc(25deg * -1))}.hook-3::before{right:calc(-2.5px * -1);transform:skew(calc(-25deg * -1))}.hook-4{background:var(--wood-color-4);left:calc(32.5% * (4 - 1) + -2);transform:skew(calc(25deg * -2))}.hook-4::before{right:calc(-2.5px * -2);transform:skew(calc(-25deg * -2))}.sun{position:absolute;right:0;top:80px;width:140px;height:140px;background:var(--sun-color);border-radius:50%}@media(max-width:800px){.window{transform:translate(-50%,-50%) scale(0.65)}}@media(max-width:600px){.window{transform:translate(-50%,-50%) scale(0.5)}}@media(max-width:480px){.window{transform:translate(-50%,-50%) scale(0.4)}}@media(min-width:801px){.window{transform:translate(-50%,-50%) scale(0.75)}}