@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}*{box-sizing:border-box}body{background-color:#111;color:#fefefe;text-align:center;overflow:hidden}button{opacity:0;visibility:hidden;position:fixed;top:50%;left:50%;color:#fff;background:#111;border:none;outline:0;font-size:50px;cursor:pointer;z-index:1;height:50px;width:50px;margin-top:-25px;margin-left:-25px}.animated button{animation:fadeIn 1s 7s;animation-fill-mode:forwards}.animated .creature{animation:catch .5s 1s;animation-fill-mode:forwards}.animated .creature:after{animation:beam .5s 1s}.animated .ball{animation:rotate-and-drop 5s;animation-fill-mode:forwards}.animated .ball__wrapper--v{animation:toss-v 1s;animation-fill-mode:forwards}.animated .ball__wrapper--h{animation:toss-h 1s;animation-fill-mode:forwards}.animated .ball__top{animation:top-r 1s 1s}.animated .ball__bottom:before{animation:glow 7s 1s}.creature{display:block;height:100px;width:100px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;color:#fff}.creature__icon{display:block;height:100%;width:100%}.btn__icon{display:block;height:1em;width:1em}.creature:after{content:"";border-radius:100%;width:150px;height:10px;display:block;position:absolute;top:0;left:80%;transform-origin:bottom left;transform:rotate(-45deg)}.ball__wrapper{height:50px;width:50px;border-radius:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px}.ball__wrapper--v{transform:translateY(100vh)}.ball__top,.ball__bottom{position:relative;height:25px;width:50px;background-color:#ff1c1c;border-radius:25px 25px 0 0;border-bottom:2px solid #000}.ball__top{transform-origin:bottom right}.ball__bottom{border-bottom:none;border-top:2px solid #000;border-radius:0 0 25px 25px;background-color:#dcdcdc}.ball__bottom:before{content:"";height:10px;width:4px;border-radius:10px;background-color:#dcdcdc;position:absolute;top:0;left:0;margin-left:-5px;margin-top:-10px;border:4px solid #000}@keyframes rotate-and-drop{0%{transform:scale(2)}15%{transform-origin:center center;transform:rotate(0) scale(1)}20%{transform-origin:center center;transform:rotate(-45deg)}40%{transform:rotate(-45deg)}50%{transform:translateY(150px) rotate(0)}60%{transform-origin:bottom center;transform:translateY(150px) rotate(0)}62%{transform-origin:bottom center;transform:translateY(150px) rotate(-15deg)}64%{transform-origin:bottom center;transform:translateY(150px) rotate(15deg)}66%{transform-origin:bottom center;transform:translateY(150px) rotate(-15deg)}68%{transform-origin:bottom center;transform:translateY(150px) rotate(15deg)}70%{transform-origin:bottom center;transform:translateY(150px) rotate(0)}75%{transform-origin:bottom center;transform:translateY(150px) rotate(0)}77%{transform-origin:bottom center;transform:translateY(150px) rotate(-15deg)}79%{transform-origin:bottom center;transform:translateY(150px) rotate(15deg)}81%{transform-origin:bottom center;transform:translateY(150px) rotate(-15deg)}83%{transform-origin:bottom center;transform:translateY(150px) rotate(15deg)}85%{transform-origin:bottom center;transform:translateY(150px) rotate(0)}60%{transform-origin:bottom center;transform:translateY(150px) rotate(0)}90%{transform-origin:bottom center;transform:translateY(150px) rotate(-15deg)}92%{transform-origin:bottom center;transform:translateY(150px) rotate(15deg)}94%{transform-origin:bottom center;transform:translateY(150px) rotate(-15deg)}96%{transform-origin:bottom center;transform:translateY(150px) rotate(15deg)}98%{transform-origin:bottom center;transform:translateY(150px) rotate(0)}to{transform-origin:bottom center;transform:translateY(150px) rotate(0)}}@keyframes glow{50%{background:#ff1c1c}}@keyframes catch{0%{color:#fff}50%{color:#f93c7ebf}to{color:transparent}}@keyframes beam{0%{background:transparent}50%{background:#f93c7ebf;box-shadow:0 0 15px 5px #f93c7ebf}to{background:transparent}}@keyframes toss-v{0%{transform:translateY(100vh)}35%{transform:translateY(-100px)}75%{transform:translateY(-50px)}to{transform:translateY(-150px)}}@keyframes toss-h{0%{transform:translate(-200px)}75%{transform:translate(0)}to{transform:translate(150px)}}@keyframes top-r{0%{transform:rotate(0)}20%,70%{transform:rotate(30deg)}to{transform:rotate(0)}}@keyframes fadeIn{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}