@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}*,body{margin:0}*{padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sorting_visualizer{height:100vh;width:100%}header{align-items:center;background-color:#040d12;color:#fff;display:flex;height:148px;justify-content:space-evenly;width:100%}header,header>h1{font-family:Roboto,sans-serif;letter-spacing:5px;text-transform:uppercase}header>h1{font-size:24px;font-weight:450;padding:15px;width:250px}header>h1>img{height:28px;margin-bottom:-5px;margin-left:-5px;width:28px}.header_option{align-items:center;display:flex;justify-content:space-evenly;padding-right:10px;width:60%}.select_box,.slider_container{align-items:flex-start;display:flex;flex-direction:column;font-size:17px;gap:14px}#select{border:none;border-radius:5px;color:#fff;font-family:Roboto,sans-serif;letter-spacing:5px;padding:8px;text-transform:uppercase}#select,.button{background-color:#93b1a6;cursor:pointer}.button{border-radius:50%;height:60px;width:60px}.button>img{height:30px;margin-left:16px;margin-top:14px;width:30px}.array_container{align-items:flex-end;background-color:inherit;display:flex;flex-direction:row;height:80%;justify-content:space-evenly;margin:0 5px;min-height:500px;min-width:500px;width:99%}.arrayBar{align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;margin:0 1px 2px;transition:.2s;width:80px}.arrayBar>span{background-color:inherit;color:#fff;font-weight:400;margin-bottom:5px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;margin-top:18px;width:10rem}input[type=range]::-webkit-slider-runnable-track{background-color:#93b1a6;border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:4px;height:1.5rem;margin-top:-10px;width:1rem}
/*# sourceMappingURL=main.2e44951c.css.map*/