@import"https://fonts.googleapis.com/css2?family=Titan+One&display=swap";*{box-sizing:border-box}html,body{padding:0;margin:0;font-family:Titan One,sans-serif;color:#fff}html.shake,body.shake{animation:shake .5s;animation-iteration-count:infinite}#app{background-color:#408f56;width:100%;height:100vh;margin:0;padding:0}#app main{width:100%;height:100vh;display:flex;flex-direction:column;place-items:center;place-content:space-between;padding:20px}.donate-bar{position:absolute;right:20px;top:0;z-index:20}.donate-bar small{font-size:14px;font-weight:bolder;font-family:Arial,Helvetica,sans-serif;color:#000;-webkit-text-stroke:0}.coc{width:512px;height:512px;position:relative}@media screen and (max-width: 640px){.coc{width:300px;height:300px}}.coc img{max-width:100%}.coc .candle{background:#fff;width:12px;height:0px;position:absolute;right:150px;bottom:0;z-index:10;transition:height .2s ease-in-out}@media screen and (max-width: 640px){.coc .candle{right:85px;bottom:61px}}.content{display:flex;flex-direction:column;place-content:center;place-items:center;position:relative;z-index:2}.final-content{background:#408f56;padding:24px;border-radius:12px;border:2px solid black;display:flex;flex-direction:column;place-content:center;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:200;opacity:0;transition:opacity 1s;transition-delay:1s}@media screen and (max-width: 640px){.final-content{width:calc(100% - 40px)}}.final-content.show{opacity:1}h1{-webkit-text-stroke:2px black;font-size:120px;text-transform:uppercase}@media screen and (max-width: 640px){h1{font-size:64px}}h2{-webkit-text-stroke:2px black;font-size:72px}@media screen and (max-width: 640px){h2{font-size:42px}}h3{-webkit-text-stroke:2px black;font-size:36px}@media screen and (max-width: 640px){h3{font-size:24px}}p{-webkit-text-stroke:2px black;font-size:18px}p a{color:#408f56}h1,h2,h3{margin:0}.btn{background:#4ec570;border-radius:12px;width:fit-content;height:52px;padding:0 12px;border:4px solid black;cursor:pointer;font-size:24px;display:flex;place-items:center;place-content:center;line-height:0;transform:scale(1);transition:transform .2s ease-in-out;margin-top:32px;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(1.33)}#coins{position:absolute;top:0;left:0;z-index:1}.showup-image{opacity:0;transform:scale(0);position:absolute;top:50%;left:50%}@media screen and (max-width: 640px){.showup-image{top:40%;left:0}}.showup-image.show{animation:showup 1s;animation-iteration-count:1;animation-fill-mode:forwards}.final-image{width:100%;height:100%;position:absolute;z-index:20;opacity:0;transform:scale(0);transition:opacity .2s,transform .2s}.final-image.show{opacity:1;transform:scale(1)}@keyframes showup{50%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(0)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}