@font-face{font-family:MiniPixel7;src:url(/assets/mini_pixel-7-wrS81Q0U.ttf) format("truetype")}*{box-sizing:border-box}html{background:#000;overflow:hidden}body{box-sizing:border-box;height:100vh;margin:0;overflow:hidden;padding:0;position:relative}@media(min-width:340px){html,body{overflow:auto}}.Dot{margin:auto;z-index:-1}.dot__large{background:center / contain no-repeat url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2032.1%2032.2'%20style='enable-background:new%200%200%2032.1%2032.2;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFB897;}%20%3c/style%3e%3cpolygon%20class='st0'%20points='32.1,8.1%2032.1,24.1%2028.1,24.1%2028.1,28.1%2024,28.1%2024,32.2%208.1,32.2%208.1,28.1%204,28.1%204,24.1%200,24.1%200,8.1%204,8.1%204,4%208.1,4%208.1,0%2024,0%2024,4%2028.1,4%2028.1,8.1%20'/%3e%3c/svg%3e");height:8px;width:8px}.dot__large--flashing{animation:fade 1.5s infinite alternate ease-in-out}@keyframes fade{0%{opacity:1}to{opacity:.35}}.dot__small{background:center / contain no-repeat url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%208%208'%20style='enable-background:new%200%200%208%208;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFB897;}%20%3c/style%3e%3crect%20class='st0'%20width='8'%20height='8'/%3e%3c/svg%3e");height:2px;width:2px}.eaten{animation:none;background:#000;background-image:none}@media(min-width:340px){.dot__large{height:16px;width:16px}.dot__small{height:4px;width:4px}}.Pacman{height:10px;position:absolute;width:10px;z-index:2}.Pacman--open{background:center / contain no-repeat url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2048%2052'%20style='enable-background:new%200%200%2048%2052;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFF00;}%20%3c/style%3e%3cimage%20style='display:none;overflow:visible;enable-background:new%20;'%20width='48'%20height='52'%20id='Pac-Man'%20xlink:href='8FCE5927B570C8B9.png'%20%3e%3c/image%3e%3cpolygon%20class='st0'%20points='48,33.8%2048,36%2044,36%2044,44.1%2040.1,44.1%2040.1,48.1%2032,48.1%2032,52%2012,52%2012,48%204,48%204,44.1%200,44.1%200,35.9%208,35.9%208,32%2020,32%2020,28%2032,28%2032,24%2020,24%2020,20%2012,20%2012,20%208,20%208,16.1%200,16.1%200,8%203.9,8%203.9,4%2012,4%2012,0%2032,0%2032,4%2040.1,4%2040.1,8%2044,8%2044,16%2048,16%2048,33.8%20'/%3e%3c/svg%3e")}.Pacman--closed{background:center / contain no-repeat url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2052%2052'%20style='enable-background:new%200%200%2052%2052;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFF00;}%20%3c/style%3e%3cimage%20style='display:none;overflow:visible;enable-background:new%20;'%20width='48'%20height='52'%20id='Pac-Man'%20xlink:href='7C498838395EF54F.jpg'%20transform='matrix(1%200%200%201%204%200)'%3e%3c/image%3e%3cpolygon%20class='st0'%20points='52,33.8%2052,36%2052,36%2052,36%2048,36%2048,44.1%2044.1,44.1%2044.1,48.1%2036,48.1%2036,52%2016,52%2016,48%208,48%208,44.1%204,44.1%204,44.1%204,44.1%204,36.1%200,36.1%200,16.1%204,16.1%204,8%204,8%204,7.9%207.9,7.9%207.9,4%208,4%208,4%2016,4%2016,0%2036,0%2036,4%2044.1,4%2044.1,4%2044.1,4%2044.1,7.9%2048.1,7.9%2048.1,16%2052,16%2052,33.8%20'/%3e%3c/svg%3e")}.Pacman--left{transform:rotate(0)}.Pacman--right{transform:rotate(180deg)}.Pacman--up{transform:rotate(90deg)}.Pacman--down{transform:rotate(-90deg)}@media(min-width:340px){.Pacman{height:20px;width:20px}}.Target{background:teal;height:5px;border-radius:2.5px;box-shadow:0 0 5px 5px teal;left:2.5px;position:absolute;width:5px;z-index:1}@media(min-width:340px){.Target{height:10px;border-radius:5px;box-shadow:0 0 10px 10px teal;left:5px;width:10px}}.Cell{align-items:center;display:flex;height:15px;position:relative;width:15px}.wall--top{border-top:1px solid rgb(27,34,164)}.wall--right{border-right:1px solid rgb(27,34,164)}.wall--bottom{border-bottom:1px solid rgb(27,34,164)}.wall--left{border-left:1px solid rgb(27,34,164)}@media(min-width:340px){.Cell{height:30px;width:30px}.corner--NE{border-top-right-radius:10px}.corner--SE{border-bottom-right-radius:10px}.corner--SW{border-bottom-left-radius:10px}.corner--NW{border-top-left-radius:10px}}.Gameboard{color:#fff;display:flex;flex-wrap:wrap;height:285px;margin:0 auto;width:495px}@media(min-width:340px){.Gameboard{height:570px;width:990px}}.Scoreboard__heading{color:#fff;font-family:MiniPixel7,Helvetica,sans-serif;font-size:40px;margin:0 auto;padding:10px;text-align:center}@media(min-width:768px){.Scoreboard__heading{font-size:50px;padding:20px}}.App{width:100%}.header{background:#000;border:1px solid white;color:#fff}.header__heading{background:#000;color:#fff;font-family:MiniPixel7,Helvetica,sans-serif;font-size:30px;letter-spacing:5px;margin:0 auto;padding:10px;text-align:center}.birthday{animation:birthdayColors 10s infinite ease-in;background:#000;transition:color 10s}@keyframes birthdayColors{0%{color:#122685}25%{color:#198512}50%{color:#852612}75%{color:#586221}to{color:#122685}}@media(min-width:768px){.header__heading{font-size:80px;padding:20}}@media(min-width:992px){.header__heading{font-size:80px}}
