body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.array-container{display:flex;justify-content:center;align-items:flex-end;padding:0 10%;width:100%;box-sizing:border-box;margin:0 auto;overflow:hidden;white-space:nowrap;flex-wrap:nowrap}.array-bar{background-color:#007bff;margin:0 2px;display:inline-block;height:100%}.main-div{background-color:#f5f5f5;height:100vh;width:100vw;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}button{background-color:#007bff;border:none;color:#fff;padding:10px 15px;text-align:center;text-decoration:none;font-size:16px;margin:10px 5px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#0056b3;transform:translateY(-2px)}button:active{transform:translateY(1px)}button:disabled{background-color:#ccc;cursor:not-allowed}select{padding:8px 12px;font-size:14px;margin:10px 5px;border:1px solid #cccccc;border-radius:5px;cursor:pointer;transition:border-color .3s ease}select:focus{outline:none;border-color:#007bff}input[type=range]{width:200px;margin:10px 5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#d3d3d3;border-radius:5px;outline:none;transition:background .3s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#007bff;border-radius:50%;cursor:pointer;transition:background-color .3s ease}input[type=range]::-webkit-slider-thumb:hover{background-color:#0056b3}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}