*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font:14px "Open Sans",Helvetica,Arial,sans-serif;margin:0;padding:0}a{color:#00b7ff}body{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#0a0743;background-color:#000;font-family:'Bungee',sans-serif}#logo{width:700px;margin:auto}h2{color:#f6b81e;font-size:28px;font-weight:lighter;text-transform:uppercase;text-shadow:1.5px 1.5px 0 #ef0000}#computer{margin-bottom:35px;color:#f6b81e;font-size:20px;font-weight:lighter;text-transform:uppercase;text-shadow:1px 1px 0 #ef0000}#mobile{display:none}kbd{font-size:25px;padding:5px}#play{margin-top:80px;padding:15px 25px;color:#0a0743;font-family:'Bungee',sans-serif;font-size:30px;letter-spacing:1px;text-transform:uppercase;background-color:#f6b81e;border:2px solid #ef0000;z-index:100;cursor:pointer}.grid{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1000px;height:700px;margin-bottom:80px}.grid div{width:25px;height:25px}.pac-dot{background-color:#f7bf50;border:7px solid #0a0743;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pac-dot{border:7px solid #0a0743;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pac-dot:nth-child(6n+1){background-color:#f75050}.pac-dot:nth-child(6n+2){background-color:#f75050}.pac-dot:nth-child(6n+3){background-color:#50f750}.pac-dot:nth-child(6n+4){background-color:#50f750}.pac-dot:nth-child(6n+5){background-color:#50f750}.pac-dot:nth-child(5n+5){background-color:#f9c424}.wall{background-color:#00008b}.wall.flash{-webkit-animation:randomColorFlash 2s linear infinite;-moz-animation:randomColorFlash 2s linear infinite;-o-animation:randomColorFlash 2s linear infinite;-ms-animation:randomColorFlash 2s linear infinite;animation:randomColorFlash 2s linear infinite}@-moz-keyframes randomColorFlash{0%{background-color:#00008b}20%{background-color:#ff97ff}40%{background-color:#ffab00}60%{background-color:#00f0f5}80%{background-color:#f02f00}100%{background-color:#00008b}}@-webkit-keyframes randomColorFlash{0%{background-color:#00008b}20%{background-color:#ff97ff}40%{background-color:#ffab00}60%{background-color:#00f0f5}80%{background-color:#f02f00}100%{background-color:#00008b}}@-o-keyframes randomColorFlash{0%{background-color:#00008b}20%{background-color:#ff97ff}40%{background-color:#ffab00}60%{background-color:#00f0f5}80%{background-color:#f02f00}100%{background-color:#00008b}}@keyframes randomColorFlash{0%{background-color:#00008b}20%{background-color:#ff97ff}40%{background-color:#ffab00}60%{background-color:#00f0f5}80%{background-color:#f02f00}100%{background-color:#00008b}}.power-pellet{content:url("/images/pellet.png");background-color:transparent}.blinky{content:url("/images/blinky.png");filter:contrast(150%);border:0;border-radius:0 !important;-webkit-transform:rotate(0) !important;-moz-transform:rotate(0) !important;-o-transform:rotate(0) !important;-ms-transform:rotate(0) !important;transform:rotate(0) !important;background-color:transparent !important}.pinky{content:url("/images/blinky.png");filter:hue-rotate(-40deg) brightness(200%);border:0;background-color:transparent !important;border-radius:0 !important;-webkit-transform:rotate(0) !important;-moz-transform:rotate(0) !important;-o-transform:rotate(0) !important;-ms-transform:rotate(0) !important;transform:rotate(0) !important}.inky{content:url("/images/blinky.png");filter:hue-rotate(-190deg) brightness(180%);border:0;background-color:transparent !important;border-radius:0 !important;-webkit-transform:rotate(0) !important;-moz-transform:rotate(0) !important;-o-transform:rotate(0) !important;-ms-transform:rotate(0) !important;transform:rotate(0) !important}.clyde{content:url("/images/blinky.png");filter:hue-rotate(35deg) brightness(170%);border:0;background-color:transparent !important;border-radius:0 !important;-webkit-transform:rotate(0) !important;-moz-transform:rotate(0) !important;-o-transform:rotate(0) !important;-ms-transform:rotate(0) !important;transform:rotate(0) !important}.scared-ghost{content:url("/images/blinky.png");filter:hue-rotate(207deg) brightness(250%);border:0;border-radius:0;background-color:transparent}.grid-parent{background:url("/images/logo-white.png");background-repeat:no-repeat;background-position:50% 399px;-webkit-background-size:60px;-moz-background-size:60px;background-size:60px;display:block;position:relative}.grid-parent .dying{-webkit-animation:rotateAnimation 2s steps(16) infinite;-moz-animation:rotateAnimation 2s steps(16) infinite;-o-animation:rotateAnimation 2s steps(16) infinite;-ms-animation:rotateAnimation 2s steps(16) infinite;animation:rotateAnimation 2s steps(16) infinite}@-moz-keyframes rotateAnimation{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}}@-webkit-keyframes rotateAnimation{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}}@-o-keyframes rotateAnimation{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}}@keyframes rotateAnimation{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}}.grid-parent .right{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.grid-parent .pacman1{width:25px;height:25px;position:absolute}.grid-parent .pacman2{width:25px;height:25px;position:absolute;background-color:transparent}.grid-parent .pacman3{width:25px;height:25px;position:absolute}.grid-parent .pacman1,.grid-parent .pacman2,.grid-parent .pacman3{top:661px;left:260px;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-position:center;image-rendering:pixelated}.grid-parent{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:100vh}.pac-man{border:none;-webkit-transform:rotate(115deg);-moz-transform:rotate(115deg);-o-transform:rotate(115deg);-ms-transform:rotate(115deg);transform:rotate(115deg)}.gameOver,.won{position:absolute;margin-top:80px;width:396px;height:100px;border:2px solid #ef0000;text-shadow:1px 1px 0 #ef0000;background-color:#f6b81e;color:#0a0743;font-size:40px;z-index:100;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding-top:21px;width:500px}.gameOver::after{content:"YOU WERE EATEN!";position:absolute}.won::after{content:"YOU WON !";position:absolute}.restart{position:absolute;width:150px;height:40px;margin-top:100px;background-color:#0a0743;border:2px solid #ef0000;border-radius:5px;z-index:200;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:'Bungee',cursive;font-size:22px;letter-spacing:1.5px;color:#f6b81e;text-shadow:1px 1px 0 #ef0000}.restart:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.restart::after{content:"RESTART";position:absolute}footer{color:#afffe4;width:100%;text-align:center;position:fixed;bottom:30px;z-index:-2}@media screen and (max-width:1024px){#computer{color:transparent;text-shadow:none}#mobile{display:block;margin:-20px auto -5px auto;color:#f6b81e;font-size:20px;font-weight:lighter;text-align:center;text-transform:uppercase;text-shadow:1px 1px 0 #ef0000}}@media screen and (max-width:670px){body{margin:0}#logo{width:100vw}h2{margin:-20px auto 20px auto;font-size:20px}#computer{display:none}#mobile{margin:-10px 5px -5px 5px;font-size:15px}.grid{width:98vw;height:98vw;margin-bottom:40px}.grid div{width:3.5vw;height:3.5vw}.pac-dot{border:5px solid #0a0743;border-radius:50%}.pac-man{border-radius:50%;border:none}.restart{margin-top:25px;font-size:20px}footer{font-size:15px;text-align:center}}#pg-game .container{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:100vh}#pg-game #game{background:#090743;background:-webkit-radial-gradient(circle, #20124e, #0a0527);background:-moz-radial-gradient(circle, #20124e, #0a0527);background:-o-radial-gradient(circle, #20124e, #0a0527);background:-ms-radial-gradient(circle, #20124e, #0a0527);background:radial-gradient(circle, #20124e, #0a0527);width:1280px;height:960px;position:relative}#pg-game #game:before{content:"";position:absolute;background:url("/images/overlay.png");width:100%;height:100%;top:0;left:0;display:block;pointer-events:none}.end,.play-game{display:none}.end{padding-top:50px;text-align:center}.end .owlbert,.end .winner-avatar{width:100px;image-rendering:pixelated}.end .winner-avatar{-webkit-animation:bounce 1s infinite steps(3);-moz-animation:bounce 1s infinite steps(3);-o-animation:bounce 1s infinite steps(3);-ms-animation:bounce 1s infinite steps(3);animation:bounce 1s infinite steps(3)}.end h2{font-size:50px}.end #footer{color:#fff;font-size:19px;padding-top:100px;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40)}@-moz-keyframes bounce{0%,100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}75%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}75%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}@-o-keyframes bounce{0%,100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}75%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}75%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}.play-game .grid-parent{height:960px}.play-game .attack{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000;color:#fff;font-size:100px;text-align:center;pointer-events:none}.play-game .attack .inside{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;-ms-transition:0.3s ease-out;transition:0.3s ease-out;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.play-game .attack.on .inside{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.play-game .attack img{display:block;image-rendering:pixelated;width:200px;margin:auto}.intro{color:#fff;padding:50px;text-align:center;padding-top:200px}.intro #footer{font-size:19px;padding-top:150px;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40)}.intro h1{font-size:120px}.intro h2{font-size:30px;-webkit-animation:blink 1s ease-in-out infinite;-moz-animation:blink 1s ease-in-out infinite;-o-animation:blink 1s ease-in-out infinite;-ms-animation:blink 1s ease-in-out infinite;animation:blink 1s ease-in-out infinite}.intro h2.waiting{-webkit-animation:none;-moz-animation:none;-o-animation:none;-ms-animation:none;animation:none;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}@-moz-keyframes blink{0%,100%{opacity:1;-ms-filter:none;filter:none}50%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-webkit-keyframes blink{0%,100%{opacity:1;-ms-filter:none;filter:none}50%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-o-keyframes blink{0%,100%{opacity:1;-ms-filter:none;filter:none}50%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@keyframes blink{0%,100%{opacity:1;-ms-filter:none;filter:none}50%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}.intro .owlbert{width:150px;image-rendering:pixelated}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scores > div{text-align:center;color:#fff;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.scores > div .s{font-size:40px}.scores > div.me{opacity:1;-ms-filter:none;filter:none}.scores > div.dead{color:#f00}#pacbert{width:800px;display:block;margin:auto}