:root{--primary-color:#d4a373;--secondary-color:#faedcd;--accent-color:#fafae0;--background-color:#ccd5ae;--secondary-background-color:#e9edc9;--text-color:#333;--blue-1:#031630;--blue-2:#103870;--blue-3:#28518a;--blue-4:#4075bf;--blue-5:#759ed7;--blue-6:#a6c6f2;--blue-7:#cfe2fc;--grey-1:#262626;--grey-2:#404040;--grey-3:#737373;--grey-4:#a6a6a6;--grey-5:#bfbfbf;--grey-6:#d9d9d9;--grey-7:#ededed;--cool-grey-1:#1f262e;--cool-grey-2:#364049;--cool-grey-3:#67737e;--cool-grey-4:#9da6af;--cool-grey-5:#b9bfc6;--cool-grey-6:#d3d9de;--cool-grey-7:#eaedf1;--warm-grey-1:#2e291f;--warm-grey-2:#494336;--warm-grey-3:#7e7767;--warm-grey-4:#afa99d;--warm-grey-5:#c6c1b9;--warm-grey-6:#dedbd3;--warm-grey-7:#f1eeea}.App{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-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-attachment:fixed;background-color:#d9d9d9;background-color:var(--grey-6);background-image:url(/static/media/background-image-4.56ecd8eb6d2ef7bd0a5f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Helvetica,Arial,sans-serif}#nav-wrapper{background-color:var(--grey-2);border-left:5px solid var(--blue-4);border-radius:0;box-shadow:0 0 10px 0 var(--grey-1);display:flex;justify-content:space-between;margin:0;opacity:95%;padding:1%;position:-webkit-sticky;position:sticky;top:3px}#right-nav{justify-content:right}#left-nav,#right-nav{align-items:center;display:flex}#left-nav{justify-content:left}.link{font-weight:700;margin:0;padding:4px 4px 4px 25px;text-decoration:none;text-shadow:1px 1px 4px var(--cool-grey-2)}.link,.link.home-link{color:var(--cool-grey-6)}.link.home-link{font-size:160%;font-weight:bolder;padding-left:0}.link:hover{color:var(--blue-6);text-shadow:3px 3px 7px var(--cool-grey-2)}.link:active{color:var(--blue-3);text-shadow:none}.link.active:not(.home-link){font-size:110%;-webkit-text-decoration:underline var(--blue-5);text-decoration:underline var(--blue-5)}#home-wrapper{background-color:var(--grey-5)}#about-wrapper{display:flex;justify-content:center;padding:1%}#about{align-content:center;background-color:var(--secondary-background-color);border-radius:0;box-shadow:1px 2px 10px 0 var(--text-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;line-height:1.5;opacity:1;width:60%}h1{font-weight:700;letter-spacing:-2%;opacity:1;text-align:center}#intro-wrapper{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:center;width:75%}.intro{color:var(--text-color);font-size:120%;width:30em}#demo-wrapper{display:flex;padding:1%}#demo-nav-wrapper{border:none;width:25%}#demo-nav{background-color:var(--grey-7);border:none;border-radius:5px;box-shadow:1px 2px 10px 0 var(--grey-1);justify-self:flex-start;margin-left:-10px;margin-right:10px;padding:7px;position:-webkit-sticky;position:sticky;top:80px}#demo-nav>h3{color:var(--blue-2);margin-bottom:0}hr{background-image:linear-gradient(to right,var(--grey-1),var(--grey-1),var(--grey-1));border:0;height:1px}ul{padding-left:10px}.main-li,.sub-li{display:block}.main-li{margin-top:10px}.main-li>a{color:var(--grey-1);font-weight:400}.sub-li:before{color:var(--grey-3);content:"- "}.sub-li>a{color:var(--grey-3);font-size:small;font-weight:400}ul>li>a{font-weight:700;scroll-margin-top:80px;text-decoration:none}#demo{align-self:center;background-color:var(--grey-7);border:none;border-radius:5px;box-shadow:1px 2px 10px 0 var(--grey-1);color:var(--blue-1);justify-content:flex-start;line-height:1.5;opacity:1;padding:15px;width:100%}#button-well-1{display:flex;justify-content:space-evenly}.button{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .3s ease}.button-1{background-color:var(--blue-4);border:2px solid #0000;box-shadow:1px 1px 6px 0 var(--grey-1);color:var(--blue-7)}.button-1:focus,.button-1:hover{background-color:var(--blue-3)}.button-1:active{background-color:var(--blue-2)}.button-2{background-color:var(--grey-7);border:2px solid var(--blue-4);box-shadow:1px 1px 4px 1px var(--text-color);color:var(--blue-4)}.button-2:focus,.button-2:hover{background-color:var(--grey-6)}.button-2:active{background-color:var(--grey-5)}.button-3{background-color:inherit;color:var(--blue-2);text-decoration:underline}.button-3:focus,.button-3:hover{color:var(--blue-4)}.button-3:active{color:var(--blue-5)}select{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:.5rem}.select-style,select{-webkit-appearance:none;appearance:none}.select-style{background-color:var(--grey-7);border:2px solid var(--blue-4);border-radius:5px;box-shadow:1px 1px 6px 0 var(--grey-1);color:var(--blue-4);cursor:pointer;font-weight:700;padding:.5rem 1rem;position:relative;transition:background-color .3s ease}.select-style:focus,.select-style:hover{background-color:var(--grey-6)}.select-style:after{background-color:blue;border:5px solid #0000;border-bottom:0;border-top:5px solid var(--blue-4);content:"";pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:0}.select-style:active:after,.select-style:focus:after{content:none}.input-number{-webkit-appearance:textfield;appearance:textfield;background-color:var(--grey-7);border:2px solid var(--blue-4);border-radius:5px;color:var(--blue-4);font-size:1rem;margin:0;padding:.5rem 1rem}.input-number:focus{border-color:var(--blue-3);box-shadow:0 0 0 2px var(--blue-2);outline:none}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:auto;cursor:pointer}.display-element{background-color:var(--cool-grey-6);border-radius:5px;padding:.5rem 1rem;text-align:center}.color-well{display:flex;justify-content:space-between;margin:10px;padding:15px}.color-swatch{border-radius:3px;box-shadow:1px 1px 3px 1px #000;height:30px;width:60px}#blue-1{background-color:var(--blue-1)}#blue-2{background-color:var(--blue-2)}#blue-3{background-color:var(--blue-3)}#blue-4{background-color:var(--blue-4)}#blue-5{background-color:var(--blue-5)}#blue-6{background-color:var(--blue-6)}#blue-7{background-color:var(--blue-7)}#grey-1{background-color:var(--grey-1)}#grey-2{background-color:var(--grey-2)}#grey-3{background-color:var(--grey-3)}#grey-4{background-color:var(--grey-4)}#grey-5{background-color:var(--grey-5)}#grey-6{background-color:var(--grey-6)}#grey-7{background-color:var(--grey-7)}#cool-grey-1{background-color:var(--cool-grey-1)}#cool-grey-2{background-color:var(--cool-grey-2)}#cool-grey-3{background-color:var(--cool-grey-3)}#cool-grey-4{background-color:var(--cool-grey-4)}#cool-grey-5{background-color:var(--cool-grey-5)}#cool-grey-6{background-color:var(--cool-grey-6)}#cool-grey-7{background-color:var(--cool-grey-7)}#warm-grey-1{background-color:var(--warm-grey-1)}#warm-grey-2{background-color:var(--warm-grey-2)}#warm-grey-3{background-color:var(--warm-grey-3)}#warm-grey-4{background-color:var(--warm-grey-4)}#warm-grey-5{background-color:var(--warm-grey-5)}#warm-grey-6{background-color:var(--warm-grey-6)}#warm-grey-7{background-color:var(--warm-grey-7)}.color-well-labels{display:flex;justify-content:space-between;margin:-40px 10px 10px;padding:15px}.color-swatch-label{border-radius:6px;height:30px;justify-self:center;text-align:center;width:60px}h4{margin-bottom:-15px}h2,h4{scroll-margin-top:80px}#sorting-wrapper{display:flex;padding:1%}#sorting{background-color:var(--grey-7);border:none;border-radius:5px;box-shadow:1px 2px 10px 0 var(--grey-1);color:var(--blue-1);justify-content:flex-start;line-height:1.5;opacity:1;padding:15px;width:100%}#sorter-wrapper,#sorting{align-self:center;display:flex;flex-direction:column}#sorter-wrapper{background-color:var(--cool-grey-5);border-radius:5px;padding:10px;width:85%}#bar-graph-area{align-self:center;background-color:var(--cool-grey-3);border:solid;border-radius:5px;display:flex;height:250px;width:60%}.bar{align-self:flex-end;background-color:var(--blue-2);border:1px solid var(--cool-grey-5);transition:transform .3s ease-out,height .3s ease-out;width:100%}.highlighted{background-color:lime}.swap{background-color:#f0f}#controls-area{align-self:center;display:flex;flex-direction:row;justify-content:space-between;margin:15px 10px 10px;width:60%}#controls-area>div{height:2rem}#play-pause,#reset,#sort-selector{align-self:flex-start}#sort-selector{position:relative}#number-selector,#step-counter{align-self:flex-start}#step-counter{font-size:100%;padding:0}
/*# sourceMappingURL=main.a8e55387.css.map*/