.menu-div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 4.5rem)}.menu-div>h2{font-size:2rem}.input-div{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2rem}.radio-div{display:flex;gap:1rem}.radio-div>label{font-size:1.3rem}.input-div>.continue-button{border:none;border-radius:var(--rounded);background:var(--success);color:var(--black);padding:1rem 3rem;margin-top:1.3rem;cursor:pointer;font-size:1rem}.tile{background:red;display:flex;justify-content:center;align-items:center;border:solid 2px var(--border);font-size:150%;color:var(--white);width:100%;height:100%;aspect-ratio:1;cursor:pointer}.start{background-color:var(--success)}.end{background-color:var(--error)}.path{background-color:var(--light)}.wall{background-color:var(--dark)}.visited{background-color:var(--highlight)}.solution{background-color:var(--info)}.maze-row{display:flex}:root{--width-ratio: 85%;--button-border-radius: 15px}.create-div{display:flex;justify-content:center}.element-wrapper-div{display:flex;flex-direction:row;gap:.7rem}.element-label{font-size:1.3rem}.element-wrapper-div>input{font-size:1.1rem;text-align:center}.options-div button{border:none;font-size:1.2rem;padding:.5rem 1rem;border-radius:var(--button-border-radius);cursor:pointer}.options-div span{display:flex;align-items:center}.start-button{background:var(--success);color:var(--white)}.end-button{background:var(--error);color:var(--white)}.draw-button{background:var(--dark);color:var(--white)}.erase-button{background:var(--secondary);color:var(--black)}:root{--width-ratio: 80%;--button-border-radius: 15px}.play-div{display:flex;justify-content:center}.options-div{display:flex;flex-direction:column;gap:4rem;align-items:start;justify-content:center;padding:0 3rem;width:calc(100% - var(--width-ratio));border-right-color:var(--black);border-right-width:2.5px;border-right-style:solid}.option-section-div{display:flex;flex-direction:column;gap:1rem}.options-div .continue-button{background:var(--info);color:var(--white)}.controls-div{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;width:100%}.controls-div>button{width:fit-content;font-size:1.5rem;color:var(--white);padding:.5rem;background:var(--highlight)}.controls-div>button:disabled{background:var(--light)}.maze-div{display:flex;justify-content:center;align-items:center;height:calc(100vh - var(--navbar-height));width:var(--width-ratio)}.controls-details-div{display:flex;flex-direction:column;gap:1rem}.controls-value{font-size:1.3rem;font-weight:400}.temp-maze-div{width:70vh;height:70vh;background:black}.done-button-div{display:flex;width:100%;gap:1rem}.done-button-div>button:nth-child(odd){background:var(--success)}.done-button-div>button:nth-child(2n){background:var(--error)}:root{--rounded: 100px;--navbar-height: 5rem;--black: rgb(0, 0, 0);--secondary: rgb(216, 216, 216);--white: rgb(255, 255, 255);--success: rgb(150, 225, 166);--dark: rgb(72, 72, 72);--border: rgb(102, 102, 102);--error: rgb(217, 97, 92);--info: rgb(173, 222, 231);--highlight: rgb(163, 130, 228);--light: rgb(207, 207, 207)}*{margin:0;padding:0;text-decoration:none;font-weight:300;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--secondary);height:var(--navbar-height);padding:0 3rem}.navbar>h1{font-size:1.8rem;color:var(--black)}@media screen and (max-width: 500px){.navbar{padding:1rem 2rem}}