body{margin:0;height:100vh;overflow:hidden;font-size:20px;background-image:-webkit-gradient(linear,left bottom,left top,from(#e8f4f8),to(#add8e6));background-image:linear-gradient(0deg,#e8f4f8,#add8e6)}.error{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;font-size:18px;color:#000;opacity:1;line-height:200%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error span{display:block}.error a{color:#00724c}.sun{top:2em;left:2em;width:60px;height:60px;border-radius:50%;background-image:radial-gradient(circle at 50%,#fff 50%,#f5de19);-webkit-box-shadow:0 0 30px #f5de19,inset 0 0 100px #f5de19;box-shadow:0 0 30px #f5de19,inset 0 0 100px #f5de19;-webkit-animation:sun 5s linear infinite;animation:sun 5s linear infinite}.clouds,.sun{position:absolute}.clouds{right:0;bottom:35vh;left:0;opacity:.5}.clouds div{position:relative;left:-30%;width:220px;height:80px;background-color:#fff;background-image:radial-gradient(ellipse at 50%,transparent,#fcfcfc,#f7f7f7);-webkit-animation:clouds 60s linear infinite,cloud 8s linear infinite;animation:clouds 60s linear infinite,cloud 8s linear infinite}.clouds div,.clouds div:after,.clouds div:before{border-radius:50%;-webkit-filter:blur(3px);filter:blur(3px)}.clouds div:after,.clouds div:before{position:absolute;content:"";width:inherit;height:inherit;background-color:#f2f2f2;background-image:radial-gradient(ellipse at 50%,transparent,#f2f2f2,#f7f7f7);-webkit-animation:cloud 3s linear infinite;animation:cloud 3s linear infinite}.clouds div:after{background-color:#e6e6e6}.clouds div:nth-child(2){-webkit-animation-delay:5s;animation-delay:5s}.clouds div:nth-child(3){-webkit-animation-duration:40s;animation-duration:40s}.birds{right:-10%;bottom:30px;width:10px;height:10px;background-color:#070000;-webkit-clip-path:polygon(70% 59%,100% 54%,64% 68%,48% 83%,81% 86%,55% 90%,0 92%,19% 76%,0 60%,33% 71%);clip-path:polygon(70% 59%,100% 54%,64% 68%,48% 83%,81% 86%,55% 90%,0 92%,19% 76%,0 60%,33% 71%);-webkit-animation:birds 30s linear infinite,fly 1s linear infinite;animation:birds 30s linear infinite,fly 1s linear infinite}.birds,.sea{position:absolute}.sea{right:0;bottom:0;left:0;z-index:-1;height:25vh;background-color:#add8e6}.fish,.fish span{position:relative}.fish span{top:10%;left:110%;display:block;width:50px;height:16px;background-color:#3a9fc0;background-image:-webkit-gradient(linear,left bottom,left top,from(#92cbde),to(#3a9fc0));background-image:linear-gradient(0deg,#92cbde,#3a9fc0);border-radius:52% 48% 51% 49%/51% 56% 44% 49%;-webkit-animation:fish 15s linear infinite;animation:fish 15s linear infinite}.fish span:after,.fish span:before{position:absolute;content:""}.fish span:before{left:95%;top:calc(50% - 8px);width:16px;height:16px;background-color:inherit;background-image:-webkit-gradient(linear,left top,right top,from(#3a9fc0),to(#2b758d));background-image:linear-gradient(90deg,#3a9fc0,#2b758d);-webkit-clip-path:polygon(100% 0,84% 49%,100% 100%,0 66%,0 50%,0 35%);clip-path:polygon(100% 0,84% 49%,100% 100%,0 66%,0 50%,0 35%)}.fish span:after{width:10px;height:10px;top:50%;left:30%;background-image:linear-gradient(135deg,#3a9fc0,#2b758d);-webkit-clip-path:polygon(100% 27%,86% 74%,31% 100%,0 22%,0 0,35% 0);clip-path:polygon(100% 27%,86% 74%,31% 100%,0 22%,0 0,35% 0);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:side .5s linear infinite;animation:side .5s linear infinite}.fish span:nth-child(2){-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:5s;animation-delay:5s}.fish span:nth-child(3){-webkit-animation-duration:9s;animation-duration:9s}.wave{position:absolute;left:-25%;bottom:0;width:150%;height:100%;background-color:#add8e6;-webkit-animation:vawe 20s linear infinite;animation:vawe 20s linear infinite}.wave.w-1{background:#99cfe0;-webkit-animation-delay:2s;animation-delay:2s}.wave.w-2{background:#86c5da}.bottom{right:-2em;bottom:0;left:-2em;height:1.35em;border-radius:78% 22% 52% 48%/100% 100% 0 0;background-color:#3a0003;background-image:-webkit-gradient(linear,left bottom,left top,from(#210001),to(#6d0005));background-image:linear-gradient(0deg,#210001,#6d0005);opacity:.8}.bottom,.grass{position:absolute}.grass{bottom:5px;left:5em;width:3px;height:35px;background-color:#44882d;background-image:linear-gradient(45deg,#44882d,#274f1a);border-radius:40%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:grass 2s linear infinite;animation:grass 2s linear infinite}.grass:nth-child(2){bottom:3px;left:30%}.grass:nth-child(3){bottom:8px;left:60%}.grass:nth-child(4){bottom:6px;left:80%}.grass span{position:absolute;left:-5px;width:8px;height:2px;background-color:#44882d;background-image:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.grass span:before{position:absolute;top:4px;left:4px;content:"";width:inherit;height:inherit;background-color:inherit;-webkit-transform:rotate(-90deg) translateX(100%);transform:rotate(-90deg) translateX(100%)}.grass span:nth-child(2){top:10px}.grass span:nth-child(3){top:15px;top:20px}.circle{position:absolute;bottom:5px;left:0;width:100%;height:25vh}.circle span{position:absolute;bottom:0;left:12%;display:block;width:7px;height:7px;border-radius:50%;background-color:#fff;opacity:.2;-webkit-animation:circle 2s linear infinite;animation:circle 2s linear infinite}.circle span:after,.circle span:before{position:absolute;bottom:0;left:10px;content:"";width:5px;height:5px;border-radius:inherit;background-color:inherit;-webkit-animation:circle 4s linear infinite;animation:circle 4s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s}.circle span:after{right:-10px;-webkit-animation-delay:.5s;animation-delay:.5s}.circle span:nth-child(2){left:25%;-webkit-animation-delay:.6s;animation-delay:.6s}.circle span:nth-child(3){left:45%;-webkit-animation-delay:.8s;animation-delay:.8s}.circle span:nth-child(4){left:53%}.circle span:nth-child(5){left:74%}.grass_tw{position:absolute;bottom:11px;left:50%;width:30px;height:10px;background-color:#44882d;background-image:-webkit-gradient(linear,left top,left bottom,from(#44882d),to(#1e3b14));background-image:linear-gradient(180deg,#44882d,#1e3b14);-webkit-clip-path:polygon(10% 84%,14% 73%,17% 24%,20% 61%,22% 88%,32% 15%,31% 68%,35% 88%,49% 11%,63% 85%,69% 10%,77% 80%,84% 16%,89% 92%,97% 41%,100% 97%,50% 96%,0 100%,4% 34%);clip-path:polygon(10% 84%,14% 73%,17% 24%,20% 61%,22% 88%,32% 15%,31% 68%,35% 88%,49% 11%,63% 85%,69% 10%,77% 80%,84% 16%,89% 92%,97% 41%,100% 97%,50% 96%,0 100%,4% 34%);-webkit-animation:grass_tw 2s linear infinite;animation:grass_tw 2s linear infinite}.grass_tw:nth-last-child(2){left:75%;width:80px}.grass_tw:last-child{bottom:8px;left:20%;width:50px}@-webkit-keyframes sun{50%{-webkit-box-shadow:0 0 60px 20px #f5de19,inset 0 0 100px #f5de19;box-shadow:0 0 60px 20px #f5de19,inset 0 0 100px #f5de19}}@keyframes sun{50%{-webkit-box-shadow:0 0 60px 20px #f5de19,inset 0 0 100px #f5de19;box-shadow:0 0 60px 20px #f5de19,inset 0 0 100px #f5de19}}@-webkit-keyframes clouds{0%{left:-30%}to{left:110%}}@keyframes clouds{0%{left:-30%}to{left:110%}}@-webkit-keyframes cloud{30%{border-radius:22% 78% 51% 49%/78% 66% 34% 22%}40%{width:180px}60%{border-radius:61% 39% 51% 49%/50% 66% 34% 50%}}@keyframes cloud{30%{border-radius:22% 78% 51% 49%/78% 66% 34% 22%}40%{width:180px}60%{border-radius:61% 39% 51% 49%/50% 66% 34% 50%}}@-webkit-keyframes birds{to{right:110%;-webkit-transform:scale(1.8) translateY(100px);transform:scale(1.8) translateY(100px)}}@keyframes birds{to{right:110%;-webkit-transform:scale(1.8) translateY(100px);transform:scale(1.8) translateY(100px)}}@-webkit-keyframes fly{50%{-webkit-clip-path:polygon(70% 69%,97% 80%,70% 76%,48% 83%,81% 86%,55% 90%,0 92%,19% 76%,0 71%,33% 71%);clip-path:polygon(70% 69%,97% 80%,70% 76%,48% 83%,81% 86%,55% 90%,0 92%,19% 76%,0 71%,33% 71%)}}@keyframes fly{50%{-webkit-clip-path:polygon(70% 69%,97% 80%,70% 76%,48% 83%,81% 86%,55% 90%,0 92%,19% 76%,0 71%,33% 71%);clip-path:polygon(70% 69%,97% 80%,70% 76%,48% 83%,81% 86%,55% 90%,0 92%,19% 76%,0 71%,33% 71%)}}@-webkit-keyframes fish{0%{left:110%}40%{-webkit-transform:translateY(35px) rotate(-15deg);transform:translateY(35px) rotate(-15deg)}70%{-webkit-transform:translateY(-5px) rotate(15deg);transform:translateY(-5px) rotate(15deg)}80%{-webkit-transform:translateY(5px) rotate(0deg);transform:translateY(5px) rotate(0deg)}to{left:-10%}}@keyframes fish{0%{left:110%}40%{-webkit-transform:translateY(35px) rotate(-15deg);transform:translateY(35px) rotate(-15deg)}70%{-webkit-transform:translateY(-5px) rotate(15deg);transform:translateY(-5px) rotate(15deg)}80%{-webkit-transform:translateY(5px) rotate(0deg);transform:translateY(5px) rotate(0deg)}to{left:-10%}}@-webkit-keyframes circle{0%{-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}50%,80%{-webkit-transform:translateY(-25px) scale(1);transform:translateY(-25px) scale(1)}to{-webkit-transform:translateY(-30px) scale(0);transform:translateY(-30px) scale(0);opacity:0}}@keyframes circle{0%{-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}50%,80%{-webkit-transform:translateY(-25px) scale(1);transform:translateY(-25px) scale(1)}to{-webkit-transform:translateY(-30px) scale(0);transform:translateY(-30px) scale(0);opacity:0}}@-webkit-keyframes side{50%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}}@keyframes side{50%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}}@-webkit-keyframes vawe{20%,40%{border-radius:23% 77% 52% 48%/100% 100% 0 0}30%,50%,70%{border-radius:37% 63% 100% 0/100% 100% 0 0}60%,80%{border-radius:78% 22% 52% 48%/100% 100% 0 0}}@keyframes vawe{20%,40%{border-radius:23% 77% 52% 48%/100% 100% 0 0}30%,50%,70%{border-radius:37% 63% 100% 0/100% 100% 0 0}60%,80%{border-radius:78% 22% 52% 48%/100% 100% 0 0}}@-webkit-keyframes grass{50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes grass{50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@-webkit-keyframes grass_tw{50%{-webkit-clip-path:polygon(10% 84%,14% 73%,10% 28%,20% 61%,22% 88%,24% 18%,31% 68%,35% 88%,42% 15%,63% 85%,58% 14%,77% 80%,77% 18%,89% 92%,91% 43%,100% 97%,50% 96%,0 100%,3% 39%);clip-path:polygon(10% 84%,14% 73%,10% 28%,20% 61%,22% 88%,24% 18%,31% 68%,35% 88%,42% 15%,63% 85%,58% 14%,77% 80%,77% 18%,89% 92%,91% 43%,100% 97%,50% 96%,0 100%,3% 39%)}}@keyframes grass_tw{50%{-webkit-clip-path:polygon(10% 84%,14% 73%,10% 28%,20% 61%,22% 88%,24% 18%,31% 68%,35% 88%,42% 15%,63% 85%,58% 14%,77% 80%,77% 18%,89% 92%,91% 43%,100% 97%,50% 96%,0 100%,3% 39%);clip-path:polygon(10% 84%,14% 73%,10% 28%,20% 61%,22% 88%,24% 18%,31% 68%,35% 88%,42% 15%,63% 85%,58% 14%,77% 80%,77% 18%,89% 92%,91% 43%,100% 97%,50% 96%,0 100%,3% 39%)}}