@font-face{font-family:Quadrit;src:url(Quadrit.8c7769f2.ttf)}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Quadrit,sans-serif}body{background-color:rgba(15,15,15,.8549019607843137);background-size:cover}#wrapper{position:relative;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#title{font-size:2rem;color:#ff0}#score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:60vw;min-width:460px;height:40px;border:2px solid #00008b;margin:8px 0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1em}#game,#score{background:#000}#game{position:relative;display:-ms-inline-grid;display:inline-grid;padding:10px}#start-button,#start-button:hover{z-index:1000;cursor:pointer}#start-button:hover{color:#fff;background-color:#00f}.game-status{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:90%;background:transparent;color:red;font-size:1.5rem;margin-bottom:20px;-webkit-animation:move-status 1s linear forwards;animation:move-status 1s linear forwards}.hide{display:none}.blink_me{-webkit-animation:blinker 1s linear infinite;animation:blinker 1s linear infinite}.square{display:block}.blank{background:#000}.wall{color:#fff}.dot{border:8px solid #000;border-radius:50%}.dot,.pill{background:#fff}.pill{border:5px solid #000;border-radius:50%}.ghost{position:relative;border-radius:10px 10px 2px 2px;border:none}.ghost:before{left:3px}.ghost:after,.ghost:before{content:"";display:block;position:absolute;width:3px;height:3px;background:#000;border-radius:50%;top:5px;border:2px solid #fff}.ghost:after{right:3px}.scared{background:#00f!important}.blinky{background:red}.pinky{background:pink}.inky{background:#0ff}.clyde{background:orange}.pacman{background:#ff0;border:none;border-radius:50%;-webkit-clip-path:polygon(0 0,20px 0,20px -5px,8px 10px,20px 25px,20px 20px,0 20px);clip-path:polygon(0 0,20px 0,20px -5px,8px 10px,20px 25px,20px 20px,0 20px);-webkit-animation:chew .3s linear forwards;animation:chew .3s linear forwards}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}@-webkit-keyframes chew{50%{-webkit-clip-path:polygon(0 0,20px 0,20px 10px,8px 10px,20px 10px,20px 20px,0 20px);clip-path:polygon(0 0,20px 0,20px 10px,8px 10px,20px 10px,20px 20px,0 20px)}}@keyframes chew{50%{-webkit-clip-path:polygon(0 0,20px 0,20px 10px,8px 10px,20px 10px,20px 20px,0 20px);clip-path:polygon(0 0,20px 0,20px 10px,8px 10px,20px 10px,20px 20px,0 20px)}}@-webkit-keyframes move-status{50%{height:70%}to{height:50%}}@keyframes move-status{50%{height:70%}to{height:50%}}@media screen and (max-device-width:480px) and (orientation:portrait){#score{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:60%;height:110px}#wrapper{width:120%}}@media screen and (max-device-width:640px){#score{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:60%;height:110px}#wrapper{width:120%}}@media screen and (min-device-width:320px) and (-webkit-min-device-pixel-ratio:2){#score{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:60%;height:110px}#wrapper{width:120%}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){#score{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:60%;height:110px}#wrapper{width:120%}}@media (min-device-height:667px) and (min-device-width:375px) and (-webkit-min-device-pixel-ratio:3){#score{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:60%;height:110px}#wrapper{width:120%}}
/*# sourceMappingURL=index.5e239e7f.css.map */