@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(270deg,#1b1429,#140f23);font-family:Raleway,serif!important;margin:0}.App{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.base-container{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem 0;width:100%!important}.top-button{padding:1rem 0}.array-container{align-items:flex-end;display:flex;height:60vh;justify-content:center;max-width:100vw}.array-bar,.array-bar-container{position:relative}.array-bar{background-color:#3f51b5;margin:0 1px;max-width:calc(100dvw/attr(data-value));min-width:calc(100dvw/60)}.array-bar:before{bottom:0;color:#fff;content:attr(data-value);font-size:12px;left:50%;position:absolute;transform:translateX(-50%)}button{margin-top:20px;text-transform:capitalize!important}.custom-select{background-color:#23501a;border-radius:4px;padding:.5rem 1rem}.time-complexity{font-size:1.5rem!important;padding:1rem 3rem}.sorting-data{align-items:center;height:5rem;padding:2rem 0 0;width:50%!important}.sort-data-container,.sorting-data{display:flex;justify-content:center}.sort-data-button{height:4rem!important;margin:1rem!important;text-transform:capitalize!important;width:33%}@media (max-width:767px){.base-container{height:100dvh}.array-container{height:50vh}.array-bar{margin:0 .5px;max-width:calc(100vw/(attr(data-value)*2));min-width:5vw}.array-bar:before{font-size:10px}.custom-select{font-size:19px}.time-complexity{font-size:.8rem!important;padding:.5rem 1rem}.sorting-data{padding:0 5rem 5rem;width:100%!important}.sort-data-button{height:auto;text-transform:capitalize!important;width:auto}.sort-data-container{flex-direction:column;padding:2rem 0}}
/*# sourceMappingURL=main.769c4731.css.map*/