.app-container{outline:none}.title{text-align:center;margin:0}.second-row{display:flex;justify-content:center;margin-top:10px}.second-row-inner-container{width:500px;display:flex;justify-content:space-between;align-items:center}.left-to-maze{display:flex;justify-content:right;padding-right:15px}.maze-container{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:0}.controls-container{margin-top:10px}.topWall{border-top:1px solid #000}.rightWall{border-right:1px solid #000}.bottomWall{border-bottom:1px solid #000}.leftWall{border-left:1px solid #000}.cell-inside{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0;margin:0;background:#87ceeb}.player div{height:65%;width:65%;background:#87ceeb;border-radius:50%}.destination div{width:75%;height:75%;border-radius:50%;background-color:#000;-webkit-animation:glowing 1s ease-in-out infinite alternate;-moz-animation:glowing 1s ease-in-out infinite alternate;animation:glowing 1s ease-in-out infinite alternate}@-webkit-keyframes glowing{0%{box-shadow:0 0 6px #000,0 0 12px #000}to{box-shadow:0 0 12px #000}}.win{background:#dc143c}.control-arrows{display:flex;flex-direction:column;align-items:center}.bottom-row{display:inline-flex}.key{background-color:#353943;border:1px solid #834426;box-shadow:5px 5px #c2b7ab;color:#fff;width:35px;margin:5px;text-align:center}.key:hover{cursor:pointer}.activeKey{transform:scale(1.1);position:relative;top:.2em;left:.2em;box-shadow:0 0}.key>p{font-size:10px}.new-game-button{align-items:center;background-color:#fff;border:2px solid #000;box-sizing:border-box;color:#000;cursor:pointer;display:inline-flex;fill:#000;font-family:Inter,sans-serif;font-size:14px;font-weight:600;height:30px;justify-content:center;letter-spacing:-.8px;line-height:24px;min-width:80px;outline:0;padding:0 17px;text-align:center;text-decoration:none;transition:all .3s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.new-game-button:focus{color:#171e29}.new-game-button:hover,.new-game-button:active{border-color:#06f;color:#06f;fill:#06f}.complexity-container{display:flex;align-items:center;justify-content:center;gap:10px;padding:0;height:30px}.slider-container{display:flex;align-items:baseline}.color-button{height:60px;width:60px;border-radius:50%;overflow:hidden;color:#fff;border:1px solid black;background:conic-gradient(#fd004c,#fe9000,#fff020,#3edf4b,#3363ff,#b102b7,#fd004c)}.color-button:hover{cursor:pointer}.x-container{display:flex;justify-content:right;padding-right:5px}.x:hover{cursor:pointer}.color-picker-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}