@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto"}body{background-color:#252525}.app{flex-direction:column}.app,nav{display:flex;align-items:center}nav{background-color:#b61818;height:10vh;min-height:100px;margin-bottom:2em;width:100%;justify-content:center;letter-spacing:2px;color:#fff;text-align:center}.sortingVisualizer{display:flex;justify-content:center;min-height:500px}.visualize{background-color:#b61818;margin-right:6px;border-radius:2px}.buttons{display:flex;justify-content:space-around;align-items:center;width:50%;margin-top:50px}.btn{background:none;outline:none;padding:10px 20px;background-color:#b61818;border:1px solid #b61818;color:#fff;transition:all .4s ease-in;font-weight:700;letter-spacing:2px}.btn:hover{cursor:pointer;background-color:#dd1717}.numberOfBarsInput{display:flex;flex-direction:column}.labelforinput{margin-bottom:5px}.inputnumberofbars,.labelforinput{font-weight:700;color:#fff;letter-spacing:2px}.inputnumberofbars{background:none;outline:none;border:1px solid #b61818;padding:10px 20px;margin-right:5px}.widthOfBarsInput{display:flex;flex-direction:column}.labelforinputwidth{margin-bottom:5px;font-weight:700;color:#fff}.inputwidthofbars{background:none;outline:none;border:1px solid #b61818;padding:10px 20px;margin-right:5px;font-weight:700;color:#fff}@media only screen and (max-width:600px){.buttons{flex-direction:column;width:100%;height:300px;margin-top:0!important}}
/*# sourceMappingURL=main.b828688d.chunk.css.map */