html{height:100%;margin:0;font-family:comic-sans,century gothic,verdana,arial,sans-serif}body{height:100%;margin:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.35)),url(/build/assets/DrTonBackground-9a9c52c4.png)}#app{position:relative;height:100%;width:100%;display:flex;justify-content:center;align-items:center}#playingFieldContainer{background-color:#07d2fb;border-radius:10px;border:10px solid #07d2fb;position:relative;box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#playingField{background-color:#000;position:relative;border-radius:5px}.disapearing{transform:scale(0);transition:all .5s ease-out}.playing-block{position:absolute;overflow:hidden}.playing-block .block:first-child{float:left;box-shadow:inset 0 0 20px #00000080}.playing-block .block:last-child{float:right;box-shadow:inset 0 0 20px #00000080}.critter{position:absolute;border-radius:10px;background:repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.35),rgba(0,0,0,.02) 4px)}#nextPlayingBlockContainer{width:96px;height:48px;background:black;position:absolute;top:50px;padding:24px 48px;border-radius:10px;border:10px solid #07d2fb;left:calc(100% + 50px);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#scoreboard{position:absolute;top:50px;right:calc(100% + 50px);background:#f2ffca;width:328px;height:232px;padding:20px;border-radius:10px;border:10px solid yellow;box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038;font-family:Consolas,Courier,Arial;font-size:32px}#scoreboard .current-score{margin:30px 20px}#scoreboard .current-score #currentScore{text-align:right}#scoreboard .top-score{margin:20px}#scoreboard .top-score #topScore{text-align:right}#credits{position:absolute;bottom:0;right:calc(100% + 50px);width:368px;height:272px;background:url(/build/assets/DrTonCredits-7e07b809.png);border-radius:10px;border:10px solid #07d2fb;box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#progress{width:152px;height:182px;padding:20px;position:absolute;background:#f2ffca;bottom:50px;background-size:cover;border-radius:10px;border:10px solid yellow;left:calc(100% + 50px);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038;font-family:Consolas,Courier,Arial;font-size:32px}#progress #level{margin:10px 20px 20px}#progress #level #levelCount{text-align:right}#progress #virus{margin:20px}#progress #virus #critterCount{text-align:right}#drton{width:192px;height:192px;background:black;position:absolute;top:200px;background:url(/build/assets/DrTonHooffie-37dbb055.png);background-size:cover;border-radius:10px;border:10px solid #07d2fb;left:calc(100% + 50px);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#enterScoreScreen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;text-align:center;border-radius:10px;border:10px solid yellow;box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#enterScoreScreen input{padding:10px;font-size:18px;text-align:center}#leaderboardContainer{padding:20px;border-radius:10px;border:10px solid yellow;overflow:hidden}.paused{display:none;z-index:10000;width:100%;height:100%;background-color:#000c;position:fixed}.paused.active{display:block}.paused>div{position:absolute;top:40%;text-align:center;width:100%}.paused h2,.paused span{color:#fff}