@import"https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap";*{box-sizing:border-box}body{background-color:#516dff;color:#fff;font-family:"Press Start 2P",sans-serif;height:100vh;overflow:hidden;margin:0;text-align:center}a{color:#fff}h1{line-height:1.4}.btn{border:0;background-color:#fff;color:#516dff;padding:15px 20px;font-family:inherit;cursor:pointer}.btn:hover{opacity:.9}.btn:focus{outline:none}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;transition:margin .5s ease-out}.screen.up{margin-top:-100vh}.insects-list{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;padding:0}.insects-list li{margin:10px}.choose-insect-btn{background-color:transparent;border:2px solid #fff;color:#fff;cursor:pointer;font-family:inherit;width:150px;height:150px}.choose-insect-btn:hover{background-color:#fff;color:#516dff}.choose-insect-btn:active{background-color:#ffffffb3}.choose-insect-btn img{width:100px;height:100px;object-fit:contain}.game-container{position:relative}.time,.score{position:absolute;top:20px}.time{left:20px}.score{right:20px}.message{line-height:1.7;background-color:#00000080;width:100%;padding:20px;z-index:100;text-align:center;opacity:0;position:absolute;top:0;left:50%;transform:translate(-50%,-150%)}.message.visible{transform:translate(-50%,150%);opacity:1}.insect{display:flex;align-items:center;justify-content:center;width:100px;height:100px;position:absolute;transform:translate(-50%,-50%) scale(1);transition:transform .3s ease-in-out;cursor:pointer}.insect img{width:100px;height:100px}.insect.caught{transform:translate(-50%,-50%) scale(0)}