html{box-sizing:border-box;height:100%}body{min-height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:inherit}:root{--nav-size:60px;--navbar-nav-width:450px;--primary-color:#ffeb3b;--secondary-color:#9e28a7;--other-color:#8286d8;--bg-color:#334255;--bg-color-accent:#495f7b;--primary-color-darken:#b6a40a}ul{list-style:none}a{text-decoration:none}#root{min-height:100vh}@font-face{src:url(/static/media/PTSansNarrow-Regular.1cbafb63.ttf);font-family:SansNarrow}*{font-family:Roboto}div.MuiPaper-root{display:flex;flex-direction:column}.Page{display:grid;flex-grow:1;grid-template-columns:min(5%,100px) 1fr min(5%,100px)}.game-area{grid-column:2/span 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.playing-area{width:450px;height:450px;display:grid;grid-template:repeat(30,1fr)/repeat(30,1fr);grid-area:2/1/3/2;border:3px solid #9e28a7;border:3px solid var(--secondary-color);border-radius:16px}.start-button{grid-area:1/2/2/3;margin:10px 0!important}.navbar{height:var(--nav-size);padding:0 10px;display:flex;justify-content:space-between}.logo{height:100%;display:flex;align-items:center;place-items:center}.logo-logo{width:calc(var(--nav-size)*0.8)}.navbar-nav{display:flex;justify-content:space-around;width:var(--navbar-nav-width)}.MuiSvgIcon-root{font-size:2.5rem}.navitem-button{position:relative;display:flex;align-items:center;border-radius:10px;padding:0 15px;transition:all .2s ease-out}.navitem-button:before{top:0;left:0}.navitem-button:after,.navitem-button:before{content:"";position:absolute;width:0;height:0;background-color:transparent;border:1px solid transparent}.navitem-button:after{bottom:0;right:0}.navitem-button:hover:before{-webkit-animation:drawborder-top-right 1s linear forwards;animation:drawborder-top-right 1s linear forwards}.navitem-button:hover:after{-webkit-animation:drawborder-bottom-left 1s linear forwards;animation:drawborder-bottom-left 1s linear forwards}.navitem-button.active{padding-bottom:60px}.navbar-nav>li:nth-child(2)>a:first-child.active{padding-bottom:150px}@-webkit-keyframes drawborder-top-right{0%{width:0;border-top-color:var(--primary-color)}50%{width:100%;height:0;border-top-color:var(--primary-color);border-right-color:var(--primary-color)}to{width:100%;height:100%;border-top-color:var(--primary-color);border-right-color:var(--primary-color)}}@keyframes drawborder-top-right{0%{width:0;border-top-color:var(--primary-color)}50%{width:100%;height:0;border-top-color:var(--primary-color);border-right-color:var(--primary-color)}to{width:100%;height:100%;border-top-color:var(--primary-color);border-right-color:var(--primary-color)}}@-webkit-keyframes drawborder-bottom-left{0%{width:0;border-bottom-color:var(--primary-color)}50%{width:100%;height:0;border-bottom-color:var(--primary-color);border-left-color:var(--primary-color)}to{width:100%;height:100%;border-bottom-color:var(--primary-color);border-left-color:var(--primary-color)}}@keyframes drawborder-bottom-left{0%{width:0;border-bottom-color:var(--primary-color)}50%{width:100%;height:0;border-bottom-color:var(--primary-color);border-left-color:var(--primary-color)}to{width:100%;height:100%;border-bottom-color:var(--primary-color);border-left-color:var(--primary-color)}}.DropdownMenu{position:absolute;padding:0;display:flex;flex-direction:column;width:100%;top:32px;align-items:center;overflow:hidden;height:0;transition:all .2s ease-out}.DropdownMenu.active.DropdownMenu-maze{height:150px}.DropdownMenu.active{height:60px}.DropdownMenu-item{padding:5px 0;width:100%;transition:all .3s ease-out;cursor:pointer;text-align:center}.DropdownMenu-item:hover{background-color:var(--bg-color-accent)}.foodCell{background-color:var(--secondary-color)}@-webkit-keyframes animate-wall{0%{background-color:var(--primary-color)}50%{background-color:var(--primary-color);-webkit-transform:scale(1.2);transform:scale(1.2)}75%{background-color:var(--primary-color);-webkit-transform:scale(1.1);transform:scale(1.1)}to{background-color:var(--primary-color);-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate-wall{0%{background-color:var(--primary-color)}50%{background-color:var(--primary-color);-webkit-transform:scale(1.2);transform:scale(1.2)}75%{background-color:var(--primary-color);-webkit-transform:scale(1.1);transform:scale(1.1)}to{background-color:var(--primary-color);-webkit-transform:scale(1);transform:scale(1)}}.snakeCell{background-color:var(--other-color)}.cell-0-0{border-top-left-radius:16px}.cell-0-29{border-top-right-radius:16px}.cell-29-0{border-bottom-left-radius:16px}.cell-29-29{border-bottom-right-radius:16px}
/*# sourceMappingURL=main.2d596858.chunk.css.map */