*{background-color:#fff;border:0;box-sizing:border-box;color:#222;font-family:Ubuntu,sans-serif;margin:0;padding:0;-webkit-text-decoration:None;text-decoration:None}.spaceHolder{flex:1 1 auto}.header{font-size:17px;height:80px;left:0;padding:15px 20px;position:fixed;-webkit-text-decoration:None;text-decoration:None;top:0;width:100%;z-index:999}.header,.header-logoArea{align-items:center;display:flex;justify-content:space-between}.header-logoArea{flex:0 0 380px;font-family:Ubuntu Mono,sans-serif;font-size:22px;font-weight:700}.header-tabsArea{flex:0 0 50px}.menu{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.menu:hover{-webkit-animation:jump .3s ease-in;animation:jump .3s ease-in}.tabs{display:flex;flex-direction:column;gap:10px;position:absolute;right:45px;top:70px}.activeTab,.tab{-webkit-animation:slideIn .2s ease-in forwards;animation:slideIn .2s ease-in forwards;background-color:#eee;border:2px solid #222;border-radius:30px;padding:5px 10px;text-align:center;-webkit-text-decoration:None;text-decoration:None}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.activeTab,.tab:hover{background-color:#9cdcff}.header-gitlink{align-items:center;display:flex;flex:0 0 50px;justify-content:space-between}.header-gitlink:hover{-webkit-animation:jump .3s ease-in;animation:jump .3s ease-in}.contentProvider,.home{align-items:center;-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;display:flex;flex-direction:column;justify-content:space-between;max-height:calc(100vh - 80px);position:absolute;top:80px;width:100%}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-header{color:#bbb;flex:0 0 50px;font-family:Georgia,sans-serif;font-size:30px;font-style:italic;font-weight:700;padding:50px 150px 10px}.home-description{display:flex;flex:0 0 150px;flex-direction:column;font-size:16px;gap:20px;padding:30px 150px;text-align:center}.navArea{grid-gap:10px;display:grid;flex:0 0 100px;gap:10px;grid-template-columns:300px 300px 300px;padding:20px}.nav{align-items:center;border:3px solid #222;border-radius:40px;display:flex;font-family:Ubuntu Mono,sans-serif;font-weight:700;gap:30px;justify-content:center;padding:10px 30px;text-align:center}.nav:hover{-webkit-filter:drop-shadow(2px 2px 1px #555);filter:drop-shadow(2px 2px 1px #555555);-webkit-transform:scale(110%);transform:scale(110%);transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.activeNav img,.nav img{background-color:initial}#bubble-sort{background-color:#ffe671}#insertion-sort{background-color:#78ffa9}#selection-sort{background-color:#6bb7ff}#quick-sort{background-color:#9cdcff}#merge-sort{background-color:#ff8eb3}#heap-sort{background-color:#ffdcd5}.description{color:#222;flex:0 0 150px;flex-direction:column;font-family:Ubuntu,sans-serif;font-size:18px;gap:15px;padding:40px 220px;text-align:center;width:100%}.complexity,.description{align-items:center;display:flex;justify-content:space-between}.complexity{gap:100px}.complexity-space,.complexity-time{align-items:center;display:flex;font-style:italic;gap:10px;justify-content:space-between}.title{font-size:30px;font-style:italic;font-weight:700}.inputArea{flex:0 0 150px;flex-direction:column;justify-content:space-between;padding:30px 0 10px;width:100%}.inputArea,.inputButtons{align-items:center;display:flex}.inputButtons{justify-content:center}.reduceButton{left:200px}.addButton,.reduceButton{flex:0 0 50px;position:fixed}.addButton{right:200px}.addButton:hover,.reduceButton:hover{-webkit-animation:jump .3s ease-in;animation:jump .3s ease-in}@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.inputs{align-items:center;display:flex;flex:0 0 300px;justify-content:space-between}.inputs input{border-bottom:2px solid #222;font-size:20px;height:35px;margin:0 10px;text-align:center;width:50px}.inputs input::-webkit-inner-spin-button,.inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inputs input{-moz-appearance:textfield}.startSortingButton{background-color:#ffe671;border:3px solid #222;border-radius:20px;font-size:15px;font-weight:700;margin-top:70px;padding:6px 20px}.startSortingButton:hover{-webkit-filter:drop-shadow(2px 2px 1px #555);filter:drop-shadow(2px 2px 1px #555555);-webkit-transform:scale(110%);transform:scale(110%);transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.logArea{align-items:center;color:#555;flex:0 0 120px;flex-direction:column;font-size:22px;gap:5px;text-align:center}.animationArea,.logArea{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:fadeIn;animation-name:fadeIn;display:flex;justify-content:center}.animationArea{align-items:flex-start;flex:0 0 200px;flex-direction:row;gap:35px}.buttonArea{flex:0 0 70px;gap:25px;justify-content:space-between}.buttonArea,.buttonArea button{align-items:center;display:flex}.buttonArea button{background-color:initial;justify-content:center}.buttonArea img:hover{-webkit-filter:opacity(100%);filter:opacity(100%)}.buttonArea img{-webkit-filter:opacity(50%);filter:opacity(50%);height:22px;width:22px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:150px}input[type=range]::-webkit-slider-runnable-track{background:#eee;border-radius:5px;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#222;border-radius:10px;-webkit-filter:opacity(50%);filter:opacity(50%);height:15px;margin-top:-3px;width:15px}input[type=range]:hover::-webkit-slider-thumb{-webkit-filter:opacity(100%);filter:opacity(100%)}.squareArea{background-color:initial;flex-direction:column;gap:20px;padding-top:30px;z-index:500}.square,.squareArea{align-items:center;display:flex}.square{background-color:#eee;border:3px solid #222;border-radius:15px;font-family:Ubuntu Mono,sans-serif;font-size:44px;height:60px;justify-content:center;transition:background-color .25s ease-in;width:60px}.active{background-color:#ff8eb3}.sorted{background-color:#78ffa9}.seperated{margin-right:30px;transition:margin-right .25s ease-in}@-webkit-keyframes rotateY{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(359deg);transform:rotateY(359deg)}}@keyframes rotateY{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(359deg);transform:rotateY(359deg)}}.pointer{-webkit-animation:rotateY 1.2s ease-in-out infinite;animation:rotateY 1.2s ease-in-out infinite}.heaped{gap:0;padding:0;-webkit-transform:scale(60%);transform:scale(60%);-webkit-transform-origin:0 0;transform-origin:0 0}.treeChart{height:200px;position:relative;width:418px}.treeGrid{display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.treeChart svg{background-color:initial;height:100%;left:0;position:absolute;top:0;width:100%}.treeChart line{stroke:#222;stroke-width:1.5;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:fadeIn;animation-name:fadeIn}.treeLine{align-items:flex-start;background-color:initial;display:flex;height:50px;width:100%}.line-0 .item-0{margin-left:194px}.line-1 .item-0{margin-left:102px}.line-1 .item-1{margin-left:122px}.line-2 .item-0{margin-left:56px}.line-2 .item-1,.line-2 .item-2,.line-2 .item-3{margin-left:32px}.line-3 .item-0{margin-left:30px}.line-3 .item-1,.line-3 .item-2,.line-3 .item-3,.line-3 .item-4,.line-3 .item-5,.line-3 .item-6,.line-3 .item-7{margin-left:-14px}.footer{align-items:flex-end;display:flex;flex:0 0 50px;font-size:12px;gap:10px;justify-content:space-between;text-align:center}.footer a{color:#146bdd}.footer a:hover{text-decoration:underline}
/*# sourceMappingURL=main.01e2f4f0.css.map*/