@import"https://fonts.googleapis.com/css2?family=Patua+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Mate+SC&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--background-color: #f4d29c;--header-shadow-color: #43261e;--main-brown: #b1624d;--main-blue: #3d405b;--light-blue: #55597e;--main-white: rgba(255, 255, 255, .9);--max-width: 1000px;--wall: black;--weight: cyan;--start: #9e1eac;--destination: #1eac9e;--intermediate-destination: orange;--path: rgb(213, 52, 95);--visited: rgb(81, 215, 134);--visited-2: rgb(148, 81, 215);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sections-header{font-family:Mate SC;font-size:clamp(2.5rem,3vw,3.5rem);color:#b1624d;margin-top:.5em;border-bottom:solid 1px #b1624d;text-align:center}.button-section{width:85%;margin:1em auto;display:flex;justify-content:space-around}.button{width:30%;max-width:200px;min-height:40px;background-color:#874f54;color:#fff;border:none;border-radius:1em;font-family:Patua One;font-size:clamp(.8em,2vw,1em);transition:color .25s ease;margin:0 1em}.menu{display:flex;justify-content:space-around;margin-bottom:1em;background-color:#3d405b}.menu-part{width:11%;height:40px;background-color:var(--main-blue);z-index:2;display:grid}.menu-button{height:50px;background-color:var(--main-blue);color:#fff;border:none;font-family:Patua One;font-size:clamp(.8em,2vw,1.1em);transition:color .25s ease;position:relative}.item{border:none;border-top:solid 1px white;height:40px;background-color:var(--main-blue);color:#fff;font-family:Patua One;font-size:clamp(.7em,2vw,.9em);transition:color .25s ease}.small-menu-button{background-color:transparent;border:none;position:absolute;right:2em;top:2.3em}.small-menu{background-color:#4d9cb1;position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;animation:appear .3s 1}.small-menu-clicked{background-color:#4d9cb1;position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;animation:disappear .3s 1}.small-menu-part{display:grid;justify-content:center;grid-template-columns:1fr 1fr;width:90%;margin:0 auto 2em}.small-menu-header{font-family:Patua One;font-size:1.3em;text-align:center;grid-column:1 / -1;border-bottom:1px solid black}.small-menu-item{font-family:Patua One;margin:.5em;border:none;background-color:var(--main-blue);color:#fff;padding:.5em;max-height:3em;font-size:12px;text-align:center}.small-menu-item-selected{font-family:Patua One;margin:.5em;border:none;background-color:var(--main-blue);color:var(--main-brown);padding:.5em;max-height:3em;font-size:12px}.button:disabled{background-color:gray}.button:disabled:hover{color:#fff}@media (min-width: 600px){.button:hover,.menu-button:hover,.item:hover{color:#000}}.arrow{height:0;width:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid white;position:absolute;transition:transform .3s ease;right:-5px;top:42%}.help-button{background-color:transparent;border:none;position:absolute;top:2.3em}@media (min-width: 600px){.help-button{top:.8em}}.help{background-color:var(--main-blue);position:absolute;top:0;left:0;right:0;min-width:300px;z-index:100;color:var(--main-white);animation-name:appear;animation-duration:.3s;animation-iteration-count:1}.help-clicked{background-color:var(--main-blue);position:absolute;top:0;left:0;right:0;min-width:300px;z-index:100;color:var(--main-white);animation-name:disappear;animation-duration:.3s;animation-iteration-count:1}@keyframes appear{0%{opacity:0;margin-top:3em}to{margin-top:0;opacity:1}}@keyframes disappear{0%{margin-top:0;opacity:1}to{margin-top:3em;opacity:0}}@media (min-width: 600px){.help,.help-clicked{top:5%;left:5%;right:5%;box-shadow:3px 3px 10px 3px var(--main-blue);padding:1em}}.help-section{display:grid;justify-content:center;width:90%;margin:0 auto .5em}.help-section-header{font-family:Patua One;font-size:1.3em;color:var(--main-brown);text-align:center;grid-column:1 / -1;border-bottom:1px solid var(--main-brown);padding-bottom:.3em}.help-section-content{display:grid;margin:0 .5em}.help-symbol-container{display:flex;justify-content:left;align-items:center}.help-symbol-name{font-family:Quicksand,sans-serif;font-size:13px}.help-symbol-node{height:30px;width:30px;position:relative;margin:0 .3em 0 1em}.help-explanation-subheader{font-family:Quicksand,sans-serif;font-size:120%;margin-bottom:0}.help-explanation-text{font-family:Quicksand,sans-serif}.back-button-symbol{position:absolute;margin-top:1em;margin-left:1em}html{background-color:var(--background-color)}body{margin:0 auto;max-width:var(--max-width)}.header{font-family:Mate SC;font-size:clamp(1.9rem,5vw,3rem);text-align:center;color:var(--main-brown);border-bottom:solid 2px var(--main-brown);margin:.5em .5em .7em;text-shadow:1px 1px var(--header-shadow-color)}.app-selection{position:relative;width:85%;margin:2.5em auto 0}@media (min-width: 600px){.app-selection{margin-top:4em}}.selector{position:absolute;top:0;width:100%;background-color:var(--main-blue);color:#fff;border:solid 2px white;text-align:center;transition:all 255ms ease;padding:1em 1em 2em;margin:0 auto;z-index:0}.selector-to-left-primary{animation:rotate-left-primary .5s 1 linear forwards}.selector-to-left-secondary{animation:rotate-left-secondary .5s 1 linear forwards}.selector-to-right-primary{animation:rotate-right-primary .5s 1 linear forwards}.selector-to-right-secondary{animation:rotate-right-secondary .5s 1 linear forwards}@keyframes rotate-right-primary{0%{transform:rotateY(0);left:0}to{left:50%;transform:rotateY(-90deg)}}@keyframes rotate-right-secondary{0%{left:-50%;transform:rotateY(90deg)}to{left:0;transform:rotateY(0)}}@keyframes rotate-left-primary{0%{right:0;transform:rotateY(0)}to{right:50%;transform:rotateY(90deg)}}@keyframes rotate-left-secondary{0%{right:-50%;transform:rotateY(-90deg)}to{right:0;transform:rotateY(0)}}.selector:hover{box-shadow:0 0 0 5px var(--main-brown)}.selector-label{font-size:clamp(1.3em,3vw,2em);font-family:Patua One,monospace}.selector-description{font-size:clamp(1em,2vw,1.3em);padding-left:1em;padding-right:1em;font-family:Quicksand,sans-serif}.image{width:90%;height:auto;max-width:300px;margin:auto}.left-selector{height:0;width:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:30px solid var(--main-brown);position:absolute;transition:all .3s ease;left:-8%;top:11.5em}.right-selector{height:0;width:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid var(--main-brown);position:absolute;transition:all .3s ease;right:-8%;top:11.5em}.left-selector:hover{border-right:30px solid white}.right-selector:hover{border-left:30px solid white}.indicator-section{position:absolute;top:-1.5em;left:7.5%;width:85%;display:flex;justify-content:space-between;margin:auto}.indicator{height:10px;width:12vw;max-width:10em}@media (min-width: 550px){.selector{display:grid;grid-template-columns:1fr 1fr;justify-content:center}.selector-label{grid-column:1 / -1}}.pathfinder{width:90%;margin:0 auto;min-width:300px;max-height:1000px}.grid-pathfinder{line-height:0;border:solid 2px #3d405b;margin:0 auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.pathfinder-container{height:30px;width:30px;position:relative;background-color:#fff;border:solid .5px white}@media (min-width: 600px){.plain:hover{background-color:#189cb3}}.node{background-color:#fff;width:100%;height:100%;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dest{background-color:#1eac9e;border-radius:25%;height:80%;width:80%}.start{background-color:#9e1eac;border-radius:25%;height:80%;width:80%}.inter-dest{background-color:orange;border-radius:25%;height:80%;width:80%}.visited{background-color:#51d786;animation-name:expanding;animation-duration:1s;animation-iteration-count:1}.visited-f{background-color:#51d786}.visited-2{background-color:#9451d7;animation-name:expanding-2;animation-duration:1s;animation-iteration-count:1}.visited-2-f{background-color:#9451d7}@keyframes expanding{0%{width:10%;height:10%;border-radius:50%;background-color:#9e1eac}30%{background-color:#ca35da}70%{border-radius:40%;background-color:#1eac9e}to{width:100%;height:100%;border-radius:0;background-color:#1eac57}}@keyframes expanding-2{0%{width:10%;height:10%;border-radius:50%;background-color:#ac601e}30%{background-color:#e6822a}70%{border-radius:40%;background-color:#311eac}to{width:100%;height:100%;border-radius:0;background-color:#523ed5}}.marked{background-color:#d5345f;animation-name:path;animation-duration:.5s;animation-iteration-count:1;border-radius:25%;height:80%;width:80%}.marked-f{background-color:#d5345f;border-radius:25%;height:80%;width:80%}@keyframes path{0%{width:50%;height:50%;border-radius:50%}to{width:90%;height:90%;border-radius:15%}}.wall{background-color:#000}.weight{background-color:#0ff}.sorter{width:90%;margin:0 auto;min-width:300px}.bar-section{margin-bottom:1em;margin-right:1em}.bar{background-color:var(--main-blue);margin:1px;height:5px}.sp-slider-sorter{margin:0 auto;max-width:600px}#speed-slider-sorter{font-family:Patua One;color:#3d405b}@media (min-width: 600px){.bar{width:5px;display:inline-block;background-color:#823038}.bar-section{margin:3em 0 2em}}.game-of-life{width:90%;margin:0 auto;min-width:300px}.grid-life{margin:1em auto 2em;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.cell{width:1em;height:1em}.cell:hover{background-color:#00afb9}.dead{background-color:#fff}.alive{background-color:#000}.first{background-color:#00f488}.second{background-color:#00cd72}.third{background-color:#00a55c}.fourth{background-color:#007e46}.fifth{background-color:#005730}.higher{background-color:#00301b}.sp-slider-life{margin:2em auto 0;max-width:600px}#speed-slider-life{margin-bottom:1em;font-family:Patua One,monospace;color:#874f54}.small-menu-sp-slider-life{height:300px;margin:0 auto}#small-menu-speed-slider-life{margin-bottom:1em;font-family:Patua One,monospace;color:#874f54}.sudoku-solver{width:90%;margin:0 auto;min-width:300px}.sudoku-board{border:solid 2px black;margin:0 auto 2em}.sudoku-part{border:solid 2px black}.unsolvable-sudoku-board{border:solid 2px red;box-shadow:0 0 0 4px red;margin:0 auto 2em}.solved-sudoku-board{border:solid 2px green;box-shadow:0 0 0 4px green;margin:0 auto 2em}.cell-container{width:calc(2.5vw + 28px);height:calc(2.5vw + 28px)}@media (min-width: 600px){.cell-container{width:calc(1.5vw + 28px);height:calc(1.5vw + 28px)}}.sudoku-cell{width:100%;height:100%;border:solid .5px black;color:#000;background-color:#f4fff8;resize:none;text-align:center;font-family:Patua One,sans-serif;caret-color:#000}.sudoku-cell:hover{background-color:#f4fff89e}.sudoku-cell:focus{outline:none}.opaque{color:#f4fff8}.correct{background-color:#82b069}.wrong{background-color:#e11e48}.wrong-opaque{background-color:#e11e48;color:#e11e48}@media (min-width: 600px){.pathfinder,.game-of-life,.sorter,.sudoku-solver{position:relative}.help{width:100%;left:0}}