body{margin:0;font-family:Radio Canada Big,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{height:100%}h1{margin-bottom:40px}.button{margin:10px;padding:10px 20px;border:none;border-radius:5px;background-color:#7f34c9;color:#fff;font-size:16px;cursor:pointer;font-family:Radio Canada Big,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button-container{display:flex;align-items:center;margin-bottom:20px}.maze-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.maze-row{display:flex}.cell{width:30px;height:30px;border:.25px solid rgba(211,211,211,.65)}.cell.wall{background-color:#000}.cell.path{background-color:#fff}.cell.visited{background-color:#d6c2ea}.cell.start{background-color:#39d039}.cell.end{background-color:red}@media screen and (max-width: 500px){.cell{width:20px;height:20px}.maze-container{justify-content:start}}@media screen and (max-width: 412px){.button{height:75%;padding:10px 20px;font-size:14px}}