body{margin:0;background-color:#70a5fa;min-width:300px;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}section.algoSection{height:90vh;width:100%;position:relative;color:#f1f1f1}.algobarsContainer{height:100%}ul.sortCanvas{overflow-x:scroll;white-space:nowrap;list-style:none;padding:0;margin:0;height:100%;text-align:center}ul.sortCanvas li{display:inline-block;padding:5px;position:relative;background-color:#4183d7;margin:10px;width:2em;text-align:left;transition:left 1s;left:0;bottom:0}ul.sortCanvas li span{position:absolute;bottom:0;text-align:center}@keyframes blueToRed{0%{background-color:#4183d7}5%{background-color:#f12c2c}to{background-color:#f12c2c}}@keyframes greenToBlue{0%{background-color:#25df25}5%{background-color:#4183d7}to{background-color:#4183d7}}@keyframes greenToRed{0%{background-color:#25df25}5%{background-color:#f12c2c}to{background-color:#f12c2c}}@keyframes blueToGreen{0%{background-color:#4183d7}5%{background-color:#25df25}to{background-color:#25df25}}@keyframes greenToOrange{0%{background-color:#25df25}5%{background-color:#caa708}to{background-color:#caa708}}@keyframes redToOrange{0%{background-color:#f12c2c}5%{background-color:#caa708}to{background-color:#caa708}}@keyframes blueToWhite{0%{background-color:#4183d7}5%{background-color:#feffb5}to{background-color:#feffb5}}@keyframes whiteToBlue{0%{background-color:#feffb5}5%{background-color:#4183d7}to{background-color:#4183d7}}@keyframes whiteToRed{0%{background-color:#feffb5}5%{background-color:#f12c2c}to{background-color:#f12c2c}}@keyframes whiteToGreen{0%{background-color:#feffb5}5%{background-color:#25df25}to{background-color:#25df25}}@keyframes redToGreen{0%{background-color:#f12c2c}5%{background-color:#25df25}to{background-color:#25df25}}@keyframes redToBlue{0%{background-color:#f12c2c}5%{background-color:#4183d7}to{background-color:#4183d7}}@keyframes blueToOrange{0%{background-color:#4183d7}5%{background-color:#caa708}to{background-color:#caa708}}table{width:auto;height:auto;border:.5em solid #cd6523;padding:0 .2em;margin:1em auto}td{width:1em;display:inline-block}.secondMouse{z-index:1;opacity:0}#startMouse,.secondMouse{position:absolute;right:5%;bottom:0;left:0}#startMouse{width:90%;height:auto;z-index:2}
/*# sourceMappingURL=main.7d2a34c9.chunk.css.map */