style.7832c284.css

*{box-sizing:border-box}body{background:url(pacbg.34e22f69.jpg) no-repeat 50% fixed;background-size:cover}#wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}#game,#wrapper{position:relative}#game{display:inline-grid;background:rgba(0,0,0,.4)}.game-status{position:absolute;top:0;left:0;width:100%;font-size:1.5rem}#score,.game-status{display:flex;align-items:center;justify-content:center;height:50px;border:5px solid #00008b;background:rgba(0,0,0,.4);color:#fff;font-family:Arial,Helvetica,sans-serif}#score{width:200px;margin-top:20px;font-size:2rem}.hide{display:none!important}.square{display:block}.blank{background:transparent}.wall{border:1px solid #00f}.dot{background:hsla(0,0%,100%,.8);border:8px solid #000;border-radius:50%}.pill{background:#fff;border-radius:50%;z-index:2;animation:glow .5s infinite alternate}@keyframes glow{0%{box-shadow:none}to{box-shadow:0 0 2px 5px #0ff}}.ghost{position:relative;border-radius:10px 10px 2px 2px;border:none}.ghost:before{border-radius:50%;left:3px;border:2px solid #fff!important}.ghost:after,.ghost:before{content:"";display:block;position:absolute;width:3px;height:3px;background:#000!important;top:5px}.ghost:after{border-radius:50%;right:3px;border:2px solid #fff}.blinky{background:red!important}.pinky{background:pink!important}.inky{background:#0ff!important}.clyde{background:orange!important}.scared{background:#00f!important;animation:glow .5s infinite alternate}.pacman{background:#ff0!important;border:none;border-radius:50%;clip-path:polygon(0 0,20px 0,20px -5px,8px 10px,20px 25px,20px 20px,0 20px);animation:chew .2s linear infinite forwards}@keyframes chew{50%{clip-path:polygon(0 0,20px 0,20px 10px,8px 10px,20px 10px,20px 20px,0 20px)}}.levels{position:fixed;top:40%;left:5%;transform:translateY(-50%);width:200px;height:250px;background:transparent;display:grid;gap:30px;z-index:2}#start-button,.levels a{display:inline-block;outline:none;cursor:pointer;background:#000;color:#00f;font-weight:700;font-size:22px;border:2px solid #00f;display:grid;place-content:center;text-align:center;letter-spacing:2px}.levels a.active{border:2px solid tomato;color:#fff}#start-button{margin-top:20px;text-transform:uppercase;color:#fff;width:200px;height:50px}
/*# sourceMappingURL=style.7832c284.css.map */