body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;flex-direction:column;height:100vh;padding-bottom:10%;padding-top:10%}.array-container,.container{display:flex;justify-content:center}.array-container{align-items:flex-end;padding-bottom:3%}.array-bar{background-color:#b9b1b1;display:inline-block;margin:0 1px;width:3.5px}.slider{-webkit-appearance:none;background:linear-gradient(90deg,blue 50%,#b9b1b1 0);cursor:pointer;height:.4%;width:55%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.432);height:20px;width:20px}.button-container{align-items:center;display:flex;justify-content:center;padding-top:2%}.button{background:#eeebeb;border:2px solid;font-size:88%;letter-spacing:2px;margin:1em;overflow:hidden;padding:1em 2em;text-transform:uppercase;width:25%;z-index:1}.button:hover{cursor:pointer}.button.button--generate{background-color:#0850ec;border-color:#312e2e;bottom:24.5%;color:#fff;left:5%;opacity:1;position:relative}.button.button--generate:hover{background-color:#0202d6}.sort-buttons{display:inline-block;text-align:center;width:75%}.button.button--sort:hover{background-color:#312e2e;border-color:#fff;color:#fff;opacity:1}@media (max-width:375px){.container{height:40vh;padding-top:45%;width:100%}.array-bar{width:15px!important}.slider{height:.7%}.button-container{align-items:center;display:flex;height:80%;justify-content:center;padding-top:5%}.button{display:list-item;width:80%}.button.button--generate{margin-right:20px}.sort-buttons{display:flex;flex-direction:column;height:80%;margin:0 20px}.button.button--sort{height:5vh;margin:0 10px}}@media (min-width:376px) and (max-width:450px){.container{padding-bottom:0;padding-top:0}.array-bar{width:15px}.button-container{height:50%}.button{display:list-item;width:70%}.button.button--generate{bottom:35%;margin-right:5%}.sort-buttons{width:100%}}@media (min-width:451px) and (max-width:770px){.container{padding-bottom:0;padding-top:0;width:100%}.array-container{width:80%}.array-bar{width:8px}.button{font-size:60%}}@media (min-width:771px) and (max-width:999px){.container{padding-bottom:0;padding-top:0;width:100%}}@media (min-width:1000px) and (max-width:1100px){.container{padding-bottom:0;padding-top:0;width:100%}.array-bar{width:5px}}@media (min-width:1101px) and (max-width:1265px){.array-container{padding-left:8%;padding-right:8%}}
/*# sourceMappingURL=main.b51a1639.css.map*/