body{font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*,body{margin:0}*{padding:0;scroll-behavior:smooth;scroll-padding-top:59px}.app{display:flex}.app-container{position:absolute}.app-container,.how-it-works{display:flex;flex-direction:column}.how-it-works{align-items:center;min-height:95vh}.how-it-works-container{display:flex;justify-content:space-evenly;padding:40px 0 0;width:90%}.how-it-works-picture{height:90%;width:45%}.steps{flex-direction:column;justify-content:space-around;margin-top:75px;width:200px}.section-header-line{background-color:#a5aefc;height:2px;width:70%}.section-header>span{align-items:center;color:#5467ff;display:flex;font-family:"Open Sans",serif;font-size:34px;font-weight:600;justify-content:center}.step-container{background:#fff;display:flex;flex-direction:column;padding:0 0 20px;width:200px}.step-picture{align-items:center;display:flex;height:70px;justify-content:center;width:70px}.step-title{color:#595da5;font-size:18px;font-weight:600;margin-bottom:.5em;margin-top:.5em}.step-description,.step-title{font-family:"Open Sans",sans-serif}.step-description{color:#8789b5;line-height:18px}.form-box{align-items:center;display:block;justify-content:center}::-webkit-input-placeholder{color:#8789b5;font-family:"Open Sans",sans-serif;opacity:1}:-ms-input-placeholder{opacity:1}::-ms-input-placeholder{opacity:1}::placeholder{color:#8789b5;font-family:"Open Sans",sans-serif;opacity:1}::-ms-input-placeholder{color:#8789b5;font-family:"Open Sans",sans-serif}:-ms-input-placeholder{color:#8789b5;font-family:"Open Sans",sans-serif}#form-particulars>*{margin:0 .58vw}input,textarea:focus{outline:none}.form-particulars{display:flex;flex:1 1;justify-content:center}.form-particulars-holder{background-color:#fafbff;border:1px solid #a6affb;border-radius:5px;display:flex;flex-direction:row;height:60px;width:100%}.form-particulars-holder>input{background-color:transparent;border-color:transparent;border-radius:5px;color:#8789b5;font-family:"Open Sans",sans-serif;height:50px;transform:translate(4px,4px);width:240px}.form-particulars-holder>span{align-self:center;color:#8789b5;font-family:"Open Sans",sans-serif;transform:translateX(4px)}input:-webkit-autofill{-webkit-text-fill-color:#8789b5!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-particular-error-holder{height:60px;width:15%}.form-particular-error-holder>span{align-self:center;color:#c00;font-family:Nunito,serif;font-weight:500}#drop-down-arrow-holder{color:#8789b5;font-size:17px;height:60px;justify-content:flex-end;position:absolute}#drop-down-arrow-holder,.form-details{align-items:center;display:flex;width:100%}.form-details{flex:2 1;height:100%;justify-content:center}.form-details-holder{background-color:#fafbff;border:1px solid #a6affb;border-radius:5px;height:100%;width:100%}.form-details-error-holder{height:75%;width:47.25%}.form-details-error-holder>span{align-self:center;color:#c00;font-family:Nunito,serif;font-weight:500}.form-details-holder>textarea{background-color:transparent;border-color:transparent;border-radius:5px;color:#8789b5;flex-wrap:wrap;font-family:"Open Sans",sans-serif;height:190px;resize:none;transform:translate(6px,6px);width:860px}.form-submit-button-box{align-items:center;display:flex;flex-direction:column;height:60px;width:100vw}.form-submit-button{align-items:center;background-image:linear-gradient(90deg,#6d7bf3,#5466ff);border:none;border-radius:5px;box-shadow:0 0 4px 2px rgba(0,0,0,.2);cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;width:150px}.form-submit-button>span{color:#fff;font-family:"Nunito",sans-serif;font-weight:bolder}.message-acknowledgement{background-color:#5467ff;float:left;height:50px;width:200px}.close-notification-button{border-radius:100%}.close-notification-button:hover{background-color:hsla(0,0%,100%,.2)}.footer-container{background:#5467ff;bottom:0;display:flex;height:400px;position:absolute;width:100%}.triangle{border-left:1300px solid transparent;border-top:100px solid #fff;position:absolute;right:0;top:0}.links-container{display:flex;flex-direction:column;padding-left:100px;padding-top:40px}.footer-title{color:#fff;font-size:21px;font-weight:500;line-height:50px}.copy-right{align-items:center;bottom:70px;color:#fff;font-family:serif;font-size:22px;position:absolute}.footer-container a{color:#fff;font-size:18px;line-height:30px;scroll-behavior:unset}.footer-container a:hover{color:#e5e5e5}.contact-us{background:#fff;display:flex;flex-direction:column;height:150vh}.contact-us-header-box>span{color:#8789b5;font-family:"Open Sans",sans-serif;font-size:15px;transform:translateY(30px)}.contact-us-header-box{align-items:center;display:flex;flex-direction:column;height:20vh}.home{display:flex;min-height:105vh;overflow:hidden;padding-bottom:5vh}.wrapper{height:100%;width:100%}.content{align-items:center;flex-direction:column;height:100vh;position:absolute;width:100%}.content,.title{display:flex;justify-content:center}.title{color:#fff;font-family:serif;font-size:30px;font-weight:600}.description{color:#fff;font-size:25px;justify-content:center;margin-top:50px}.team{align-items:center;display:flex;flex-direction:column;min-height:100vh}.team-container{display:flex;flex-direction:row;justify-content:space-around;margin-top:3%;width:90%}.team-picture{height:85%;margin-top:2%;width:45%}.team-profile{flex-direction:column;justify-content:space-between;width:35%}.team-title{color:#595da5;font-size:20px;font-weight:600}.team-description,.team-title{font-family:"Open Sans",sans-serif}.team-description{color:#8789b5;font-size:16px;line-height:18px;padding-bottom:15px}.profile-container{background:#fff;display:flex;flex-direction:row;padding:0 0 20px;width:350px}.profile-description-container{flex-direction:column;line-height:0;padding-left:20px;padding-top:9px}.picture{border-radius:10px;border:.1px solid #d7dbff;height:70px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;width:70px}.profile-title{color:#595da5;font-family:"Open Sans",sans-serif;font-size:18px;font-weight:600}.profile-description{color:#8789b5;font-family:"Open Sans",sans-serif;line-height:18px}.github-logo{margin-left:10px}.legend-box{display:flex;flex:4 1;height:100%;justify-content:flex-start}.legend-header-box{display:flex;flex-direction:column;height:30%;justify-content:center}.legend-information-box{display:flex;flex-direction:column;white-space:nowrap}.legend-header>span{color:#8789b5;font-family:"Open Sans",serif;font-size:16px}.legend-header-line{background-color:#d5d9fc;height:1px;transform:translateY(5px);width:55px}.legend-information{display:flex;flex:1 1;padding-top:5px}.legend-information-box-holder{align-items:flex-start;display:flex;justify-content:flex-start}.legend-information-box-box{height:20px;width:20px}.legend-information-description-holder{display:flex;flex:6 1;transform:translateX(10px)}.legend-information-description-text{color:#8789b5;font-family:"Open Sans",serif;font-size:13px}#algorithm-selector-drop-down-arrow{align-items:center;color:#8789b5;display:flex;font-size:17px;justify-content:flex-end;width:120px}.algorithm-selector-holder{display:flex;transform:translate(-15px,10px);width:120px}.selector-holder{width:300px}.selector-holder>span{color:#8789b5;font-family:"Open Sans",serif;font-size:16px}.visualizer-box{align-items:flex-end;flex:1 1}.controller-box,.visualizer-box{display:flex;justify-content:center;width:100%}.controller-box{align-items:center;flex:2 1;flex-direction:row;flex-grow:0;min-height:275px}.visualizer-header-box{flex:1 1;flex-direction:column;margin-bottom:1px}.visualizer,.visualizer-header-box{align-items:center;display:flex;width:100%}.visualizer{flex-direction:column;flex-grow:0;justify-content:center;min-height:700px}.speed-selector-box{align-items:flex-end;display:flex;flex:4 1;flex-direction:column}#visualizer{min-width:100%;padding-bottom:3%;width:0}.list{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:row;min-height:100px}.container-one,.spaced-out-container{display:flex;flex-direction:column;padding-top:25px}.spaced-out-container{justify-content:space-between;min-height:370px}.stack-arr{display:flex;flex-direction:row;justify-content:center}.empty-space-for-merge-sort{box-sizing:border-box;height:150px}.animated-block{align-items:flex-end;align-self:flex-end;border-radius:5px;box-shadow:0 5px 13px 1px rgba(0,0,0,.2);display:flex;justify-content:center;position:relative}.animated-block>span{color:#f5f5f5}.fixed-array-container{align-items:center;align-self:flex-end;display:flex;flex-direction:column}.count{font-family:"Open Sans Semibold",sans-serif;margin-top:5px}.count,.oval{font-size:16px}.oval{align-items:center;background:linear-gradient(45deg,#287ed0,#5466ff);border-radius:50%;box-shadow:0 5px 13px 1px rgba(0,0,0,.2);color:#d7d7d7;display:flex;height:40px;justify-content:center;padding:5px;position:relative;width:50px}.decimal>span:nth-child(3){color:#fff;font-weight:700}.reversed-number{align-items:center;display:flex;flex-direction:row-reverse;justify-content:center}.horiz-arr{align-self:center;display:grid;grid-gap:10px;gap:10px;grid-auto-flow:column;justify-content:center}.stack{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;margin-left:10px}.stack-boxes{display:flex;flex-direction:column-reverse}.number-with-line{border-top:1px solid #000;font-family:"Open Sans Semibold",sans-serif;font-size:15px;margin-top:10px;text-align:center;width:60px}.step-by-step-holder{background-color:#fafbff;border:1px solid #a6affb;border-radius:5px;height:90px;padding:0 5px;transform:translate(-7px,30px);width:410px}.step-by-step-holder>p{color:#8789b5;font-family:"Open Sans",serif;font-weight:500;text-align:center;white-space:pre-line}.forward-back-button{height:30px;vertical-align:middle;width:30px}.forward-back-button-holder{background-color:#fff;border:none;outline:none}.three-state-button{color:#fff;height:40px;vertical-align:middle;width:40px}.three-state-button-holder{background-image:linear-gradient(90deg,#287ed0,#5466ff);border:none;border-radius:100%;box-shadow:0 0 4px 2px rgba(0,0,0,.2);cursor:pointer;height:70px;outline:none;transform:translateY(10px);width:70px}.three-state-button-holder:hover{box-shadow:1px 6px 6px rgba(190,196,255,.6)}.new-data-box{transform:translateY(20px);-ms-user-select:none;-webkit-user-select:none;user-select:none}.new-data-box>span{color:#8789b5;font-family:"Open Sans",serif;font-size:14px}.button-box{display:flex;flex:3 1;justify-content:center}.play-reset-button-box{align-items:center}.main,.play-reset-button-box{display:flex;flex-direction:column}.main header{color:#32325d;font-family:"Open Sans Semibold",sans-serif;font-size:18px;margin-bottom:10px}.main p{color:#8789b5;font-size:16px;margin-bottom:1.5em}.explanation-para{font-family:"Open Sans",sans-serif;font-size:16px}.performance{font-family:"Open Sans Semibold",sans-serif}.performance p{font-size:15px;margin-bottom:.5em}.row-container-one{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1.5em}.complexity,.text{align-items:center;display:grid}.complexity p{background-color:#5467ff;border:5px solid #5467ff;border-radius:20px;color:#f2f2f2;font-family:"Open Sans Semibold",sans-serif;letter-spacing:1.3px;text-align:center}.row-container-two{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;margin-top:1%}.row-container-two div{min-width:100px;text-align:center}.link,.link:focus{color:#4682b4;font-size:15px;margin-top:6%;text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.code-template{align-items:center;height:100%;margin-left:4%;padding:0 8%;width:90%}.editor{background-color:#f1f5fd;border:1px solid #5e9bd1;border-top:3px solid #f1f5fd;box-shadow:0 5px 10px 1px rgba(0,0,0,.2);width:100%!important}.selector{align-items:center;display:grid;grid-template-columns:repeat(4,1fr)}.select{border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-family:"Open Sans Semibold",sans-serif;font-size:16px;height:35px;line-height:35px;margin-bottom:0;text-align:center}.select:hover{cursor:pointer}.code{align-content:center;display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr 2.5fr;justify-items:start;margin-left:4%;margin-top:4%;padding:0 20px 40px;transform:translateX(3vw)}.nav-bar{align-items:center;background:transparent;display:flex;height:75px;overflow:hidden;padding-top:20px;position:fixed;top:0;transition:.6s;width:100%;z-index:50}.nav-bar.sticky{background:#fff;box-shadow:-1px -2px 17px 1px #e8eeff;height:60px;padding:0}.nav-bar ul{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:0;width:60%}.nav-bar a{color:#fff;font-size:18px;font-weight:500;position:relative;text-align:justify;text-decoration:none}.nav-logo a{font-size:24px;font-weight:700}.nav-bar.sticky a{color:#454545}.nav-menu li{display:inline-block;margin:0 1rem;padding-inline:.5em}.nav-menu a.active{border-bottom:1.5px solid #fff;color:#fff}.nav-menu a:hover{color:#b6b8ff;border-color:#e7e7fc}.nav-logo{align-items:center;color:#5467ff;display:flex;justify-content:center;width:40%}.nav-logo a:hover{color:#fff}.nav-bar.sticky .nav-logo a,.nav-bar.sticky .nav-menu a:hover{color:#5467ff}.nav-bar.sticky .nav-menu a.active{border-bottom:1.5px solid #a5aefc;color:#5467ff}@media screen and (max-width:500px){.nav-menu{display:none;height:0}}.logo{align-items:flex-end;display:flex;height:40px;justify-content:space-between;margin-right:6px;transition:.6s;width:36px}.logo-block-one{background:#fff;height:20px;transition:.6s;width:10px}.logo-block-one.sticky{background:#9aa6f8}.logo-block-two{background:#fff;height:30px;transition:.6s;width:10px}.logo-block-two.sticky{background:#7485fa}.logo-block-three{background:#fff;height:40px;transition:.6s;width:10px}.logo-block-three.sticky{background:#5f6fff}
/*# sourceMappingURL=main.ead48207.chunk.css.map */