*{margin:0;font-family:Roboto,sans-serif;box-sizing:border-box;line-height:1.5;scroll-behavior:smooth;font-weight:200}@font-face{font-family:Staatliches;src:local("Staatliches"),url(/assets/Staatliches-Regular.a3013f4b.ttf) format("truetype")}.array{text-align:center}.fullContainer{height:100vh}:root{--main-grey: rgb(126, 134, 133);--light-grey: #dbdbdb;--even-lighter-grey: #e8e8e8;--sort-green: #2c5d44;--main-green: #1B432E;--main-green-transparent: #1B432E77;--dark-green: #043A25;--white-green: #B4C6BC;--white-green-hover: #96B0A2;--red: #c1121f;--yellow: #ffb703;--yellow-hover: #eba800;--dark-brown: #3C2923;--white: #ffff;--purple: #323356;--sand: #E6CCB2;--black-transparent: #00000077}body{background-color:var(--main-green)}h1,h2,h3,h4,button{font-family:Staatliches,cursive;font-weight:100;color:var( --white-green)}button:hover{color:var(--yellow)}.outlet{position:relative;top:10vh}.navbar{background-color:var(--main-green);width:100vw;height:10vh;font-size:40px;display:flex;justify-content:space-between;position:fixed;z-index:100}.navbar-start{display:flex;justify-content:flex-start;align-items:center;width:40vw}.navbar-end{display:flex;justify-content:flex-end;align-items:center;width:40vw}.button{min-width:max-content;background-color:transparent;border:0;font-size:40px;margin:30px 10px}button:hover{cursor:pointer}.container{display:inline-block;cursor:pointer;margin:40px}.bar1,.bar2,.bar3{width:40px;height:5px;background-color:var(--white-green);margin:5px 0;transition:.5s}.bar1.active{transform:translateY(10px) rotate(-45deg)}.bar2.active{opacity:0}.bar3.active{transform:translateY(-10px) rotate(45deg)}.modal-body{z-index:-1;height:90vh;width:100vw;position:absolute;margin:10vh 0 0;background-color:var(--main-green);display:flex;flex-direction:column}.open-false{display:none}.open-true{display:absolute}.welcome-page{background-color:var(--main-green);width:100vw;height:90vh;font-size:100px;position:fixed}.welcome-page,.medium,.small{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.welcome{color:var(--dark-green);padding:0 40px;cursor:default}.options{color:var(--white-green);padding:0 40px;font-size:150px;background-color:transparent;border:0}.welcome-medium,.welcome-small{color:var(--dark-green);font-size:170px;padding:0 40px 40px}.options-medium,.options-small{color:var(--white-green);padding:0 40px;font-size:150px;background-color:transparent;border:0}.welcome-small,.options-small{padding:0 40px;font-size:100px}.options h3{color:inherit}.gameContainer{display:flex;align-items:center;height:90vh}.mazeOuter{overflow:auto;display:flex;flex-direction:column;cursor:grab;max-width:100vw;height:100%;width:100vw;border:5px solid var(--yellow);border-radius:15px}.mazeInner{position:relative;max-width:80vw;width:fit-content;min-width:0;max-height:min(80vh);display:grid;place-items:start}.mazeOuter::-webkit-scrollbar{width:18px}.mazeOuter::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--white-green);border-radius:5px}.mazeOuter::-webkit-scrollbar-thumb{background:var(--white-green);border-radius:5px}.mazeOuter::-webkit-scrollbar-thumb:hover{background:var(--yellow)}.mazeOuter::-webkit-scrollbar-corner{background:var(--green)}.b{background-image:url(/assets/b.8ef0b956.svg)}.t{background-image:url(/assets/t.f5e326c3.svg)}.l{background-image:url(/assets/l.cde262ce.svg)}.r{background-image:url(/assets/r.b59d741c.svg)}.l.t{background-image:url(/assets/lt.74d496d3.svg)}.r.t{background-image:url(/assets/rt.51a79ccc.svg)}.b.t{background-image:url(/assets/bt.8b78fbd3.svg)}.b.l{background-image:url(/assets/bl.c690fcf7.svg)}.b.r{background-image:url(/assets/br.b8cb8be6.svg)}.l.r{background-image:url(/assets/lr.d304c897.svg)}.b.r.t{background-image:url(/assets/brt.addaed9f.svg)}.b.l.t{background-image:url(/assets/blt.5c66d155.svg)}.l.r.t{background-image:url(/assets/lrt.c787fd65.svg)}.b.l.r{background-image:url(/assets/blr.e200da3f.svg)}.b.l.r.t{background-image:url(/assets/blrt.1942ef03.svg)}.showNone{background-image:none!important}.mazeTile{position:relative}.thoughtProcess:after{height:inherit;width:inherit;top:0;left:0;content:"";background-color:#00f;opacity:.5;z-index:5}.path{position:absolute;top:0;left:0;height:inherit;width:inherit;opacity:.3;z-index:5;pointer-events:none}.THOUGHTPROCESS{background-color:var(--purple);opacity:.4}.PATH{background-color:var(--yellow)}.minion{position:absolute;z-index:10;background-size:contain;width:30px;height:30px;transition:.2s;transform:rotateY("0deg") rotate("0deg");animation:none}.p1-color{fill:var(--yellow)}.neutral-color{fill:var(--grey)}.p2-color{fill:var(--red)}.player-color-shadow-svg{fill:#8e5c00}.minion-svg-border{fill:#000}.minionR{transform:rotate(0)}.minionL{transform:scaleX(-1)}.minionU{transform:rotate(90deg)}.minionD{transform:rotate(-90deg)}.minionInTower{animation:enterTower linear 1s forwards}.selected{transition:all .2s;box-shadow:0 0 20px var(--yellow);border:2px solid var(--yellow);border-radius:10px}@keyframes enterTower{0%{transition:1s;transform:scale(1);z-index:8}to{transform:scale(0);z-index:10}}.neutralTower{fill:gray}.p1Tower{fill:var(--yellow)}.p1TowerShadow,.p2TowerShadow,.neutralTowerShadow{fill:#000}.p2Tower{fill:var(--red)}.contestedTower{fill:var(--sand)}.tower{position:absolute;z-index:9}.towerPopup{background-color:var(--white-green);border-radius:15px;border:2px solid var(--yellow);width:200%;height:200%;top:-50%;left:100%;position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}.downPopup{top:100%;left:-50%}.upPopup{top:-200%;left:-50%}.leftPopup{left:-200%}.whole-page-wrapper{background-color:var(--white);height:max-content;width:88vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:auto}.visualRow{display:flex;justify-content:space-between;width:100%;gap:20px;align-items:flex-end;margin-bottom:20px}.lesson-wrapper,.lesson-wrapper-2{border-radius:20px;width:max-content;display:flex;align-items:center;flex-direction:column;cursor:default;margin-top:20px}.visualization-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:space-between;margin:50px}.sortSteps-visualization{min-height:250px;height:max-content;min-width:250px;max-width:300px;border-radius:15px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:1%;border:2px solid;border-color:var(--yellow)}.sort-keys{min-height:200px;max-width:320px;border-radius:10px;display:flex;align-items:center;flex-direction:column;border:3px solid var(--white-green)}.map-keys{min-height:200px;max-width:300px;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;border:3px solid var(--white-green);margin-right:30px;padding:10px}.map-keys h2{color:var(--white-green);font-size:30px}.map-keys h3,.map-keys h4,.map-keys h5{color:var(--dark-brown);font-size:16px}.margin-for-a-star{margin-top:-60px}.visual-arrayAndButtons{display:flex;flex-direction:column;justify-content:flex-start;min-height:371px}.visual-array{display:flex;align-items:flex-end;justify-content:center;min-height:300px}.visual-buttons{display:flex;justify-content:center}.steps-visualization{min-height:max-content;min-width:250px;max-width:320px;border-radius:15px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:1%;border:2px solid;border-color:var(--yellow);margin-left:30px}.steps-visualization h4{color:var(--main-green);font-size:20px}.steps-visualization h5{color:var(--dark-brown);font-size:16px}.buttons-pos{display:flex;justify-content:space-between;align-items:center}.flex-row{min-width:70%;display:flex;justify-content:space-evenly;align-items:center;margin-bottom:5px}.stats-flex{min-height:100px;min-width:200px;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column}.stats-flex h4{color:var(--white-green);font-size:20px}.heuristicDiv{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-size:20px}.heuristicDiv p{color:var(--dark-brown)}.slider{-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;height:15px;width:15px;border-radius:15px;background-color:var(--purple);cursor:pointer}.slider::-webkit-slider-runnable-track{border:3px solid var(--white-green);border-radius:10px}.slider::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.lesson-wrapper h1{font-size:50px;margin-bottom:15px}.lesson-wrapper p{font-size:22px;text-align:left;color:var(--white);margin-bottom:15px}.visualDiv{display:flex;justify-content:center;align-items:flex-end;min-height:300px;height:300px;width:inherit}.array{display:flex;align-items:flex-end;max-width:fit-content}.clickSort{color:var(--purple)}.clickSort-clicked{color:var(--white)}.array-el{flex:1;height:10px;border-radius:3px;justify-self:center;font-size:15px;font-weight:bolder;display:flex;justify-content:center;align-items:flex-start}.visualizing{color:var(--white-green)}.visualizing:hover{cursor:default;color:var(--white-green)}.merge-visual-height .array{height:300px}.quick-sort-visual-height{width:1150px}.quick-sort-visual-height .array{height:300px}@media only screen and (max-width: 949px){.lesson-wrapper-2{width:99%}.array{width:90vw;margin:0}.array-el{margin:1px;height:10px;border-radius:3px;display:flex;justify-content:center;font-size:15px;font-weight:bolder}}.home{position:absolute}.mud{width:50px;height:50px;position:absolute;z-index:5;display:flex;background-image:url(/assets/jungle-svgrepo-com.2e1d4fc6.svg);background-size:cover;pointer-events:none}.right-bar{width:10vw;font-size:20px;display:flex;align-items:center;flex-direction:column;margin-top:-13vh;min-width:150px;height:90vh}.your-animals-sign{color:var(--yellow);text-align:center;font-size:26px;padding-top:10vh}.store-button{width:94%;background-color:transparent;border:none;border-radius:0 0 15px 15px}.shopSVG{width:80%;width:120px;margin-left:auto;margin-right:auto}.your-minions-list{height:66vh;overflow-y:auto;list-style-type:none;margin:0;padding:0;margin-top:1vh}.right-bar-name{font-size:30px;text-align:center}.right-just-text{font-size:18px;text-align:center}.your-minion-button{width:80%;margin-left:auto;margin-right:auto;cursor:pointer;border:3px solid transparent;border-radius:15px;margin-bottom:5px}.your-minion-button:hover{border:3px solid var(--yellow);border-radius:15px}.open-shop-arrow{margin-top:50vh}.cross-size{width:80%;margin-left:auto;margin-right:auto}.your-minions-list::-webkit-scrollbar{width:4px}.your-minions-list::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--white-green);border-radius:5px}.your-minions-list::-webkit-scrollbar-thumb{background:var(--white-green);border-radius:5px}.your-minions-list::-webkit-scrollbar-thumb:hover{background:var(--yellow)}.right-bar-selected-animal{border-color:var(--yellow);background-color:var(--purple)}.right-bar-selected-animal .right-bar-name{color:var(--yellow)}.right-bar-selected-animal:hover{border-color:var(--yellow)}.shop-page{background-color:var(--sand);height:82vh;width:94%;border-radius:15px 15px 0 0;margin-top:6.5vh}.the-shop-sign{text-align:center;color:var(--main-green)}.shop-list{height:72vh;overflow-y:auto;list-style-type:none;margin:0;padding:0 0 60px}.buy-minion-button{padding-top:10px;width:95%;margin-left:auto;margin-right:auto;padding-left:5px;cursor:pointer;border:3px solid transparent;border-radius:15px;display:flex;flex-direction:column-reverse}.buy-minion-button:hover{border:3px solid var(--main-green);border-radius:15px}.in-shop-svg-large{height:100px}.shop-just-text{color:var(--main-green);font-size:16px;width:30%;align-self:flex-end;margin-bottom:0;padding-bottom:0;white-space:nowrap;line-height:10px}.shop-just-stats{width:70%;margin-top:0;margin-bottom:10px;padding-top:0;font-size:30px;line-height:34px;left:-100px;color:var(--red)}.price{color:var(--yellow);text-shadow:2px 2px var(--red)}.neutral-color{fill:var(--main-grey)}.shop-button-disabled,.shop-button-disabled .shop-just-stats{color:var(--main-grey)}.shop-button-disabled{position:relative}.shop-button-disabled:hover{border-color:var(--sand)}.shop-button-disabled .price{color:var(--yellow)}.shop-button-disabled:after{content:"X";color:var(--red);position:absolute;transform:scale(4);left:50%;top:10%}.shop-list::-webkit-scrollbar{width:4px}.shop-list::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--white-green);border-radius:5px}.shop-list::-webkit-scrollbar-thumb{background:var(--white-green);border-radius:5px}.shop-list::-webkit-scrollbar-thumb:hover{background:var(--yellow)}.leftBarContainer{display:flex;flex-direction:column;background-color:var(--main-green);height:90vh;width:10vw;min-width:150px}.leftBarContainer h3{cursor:default}.flags{margin-top:50px}.p1Flag,.p2Flag{position:relative}.p1Flag{top:0}.p2Flag{top:-3vh}.p2Flag{transform:scaleX(-1)}.score-you,.score-opponent{color:var(--black);position:absolute;font-size:32px}.score-you{top:5.3vh;left:2.2vw}.score-opponent{top:13vh;left:5vw}.money-time,.scores{white-space:nowrap;text-align:center}.time-money-text{font-size:20px}.money-count{color:var(--yellow)}.time-count{color:var(--red)}.time-count,.money-count{font-size:35px}.selected-info{overflow-y:auto;overflow-x:hidden;margin:auto 10px}.left-just-text{color:var(--white-green);font-size:16px;width:30%;align-self:flex-end;margin-bottom:0;padding-bottom:0;white-space:nowrap}.left-just-stats{width:70%;margin-bottom:10px;padding-top:0;font-size:30px;line-height:34px;left:-100px;color:var(--yellow)}.left-bar-tower-array{text-align:center;font-size:26px}.current-minion-name-left-bar,.current-tower-name-left-bar{margin-top:30px;text-align:center}.current-minion-svg-left-bar{width:80%;margin:0 auto}.selected-info::-webkit-scrollbar{width:4px}.selected-info::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--white-green);border-radius:5px}.selected-info::-webkit-scrollbar-thumb{background:var(--white-green);border-radius:5px}.selected-info::-webkit-scrollbar-thumb:hover{background:var(--yellow)}.zoom-buttons{display:flex;margin:auto auto 20px;width:70%}.zoom-in-svg,.zoom-out-svg{fill:var(--white-green);stroke:var(--white-green)}.zoomInButton,.zoomOutButton{cursor:pointer;width:100%}.zoomInButton{transform:scaleX(-1)}.zoomOutButton{transform:rotate(90deg)}.left-bar-tower-alignment{font-size:28px}.p1FlagColor{fill:var(--yellow)}.p2FlagColor{fill:var(--red)}text{font-family:Staatliches}.p1FlagColor text{color:#000}#text-reverse-yep{transform:scaleX(-1) translate(-540px)}.player-name{left:100px}.gameOver{--winOrLose: var(--red);position:absolute;height:100%;width:100%;background-color:var(--main-green-transparent);z-index:100;display:flex;align-items:center;justify-content:center}.gameOver.lose{--winOrLose: var(--yellow)}.gameOverModal{padding:20px;width:25vw;min-width:300px;background-color:var(--purple);border:8px var(--winOrLose) solid;border-radius:20px;display:flex;flex-direction:column;align-items:center}.gameOverModal .header{display:flex;flex-direction:column;align-items:center}.header h1{font-size:3em;color:var(--winOrLose)}.header h2{font-size:2em}.gameOverModal .player{margin-top:20px;width:100%;border-top:2px grey solid;display:flex;flex-direction:column;align-items:center}.player .stats{width:100%;display:grid;grid-template-columns:1fr 1fr;place-items:center}.stats .value{color:var(--winOrLose)}.win{color:var(--yellow)}.loser{color:var(--red)}.game-over-button{margin-top:25px;background-color:var(--purple);border:4px solid var(--winOrLose);border-radius:15px;width:120px;height:5vh;font-size:21px}.initial-view{height:90vh;display:flex;flex-direction:column;justify-content:space-around;background-color:var(--main-green);text-align:center;font-size:30px;color:var(--white-green)}.scroll-learning{background-color:transparent;border:0}.scroll-learning h3{color:var(--yellow);font-size:30px}.scroll-learning h4{color:var(--yellow);font-size:20px}.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(2vh)}60%{transform:translateY(2vh)}}.bounce-up{rotate:180deg}.bounce-right{rotate:270deg}.bounce-left{rotate:90deg}.scroll-algo{display:flex;justify-content:flex-start;padding:0}.explanation{display:flex;flex-direction:column}.sorting-title,.path-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sorting-algo,.path-algo{margin:2vh 10vw;display:flex;justify-content:flex-start;flex-direction:column;text-align:left}.explanation-title{font-size:50px;margin:1vh 0;color:var(--purple)}.explanation-text{color:var(--dark-brown)!important;font-size:24px!important;padding-top:0!important;font-weight:200}.centered-text{text-align:center}.disable-horizontal-scroll{overflow:hidden}.title-small{font-size:40px}.curve-small{margin:-150px 0}.yellow-learning{font-size:inherit;font-family:Staatliches,cursive;color:var(--yellow)}.page-layout{width:100vw;height:90vh;background-color:var(--white);display:flex;justify-content:space-between;align-items:flex-start}.pagination-left,.pagination-right{height:90vh;min-width:6vw;width:6vw;display:flex;justify-content:center;align-items:center;flex-direction:column}.path-finding-algs,.sorting-algs{background-color:var(--white)}.curve{height:70vh;position:relative}svg{height:100%;width:100%}.learning-path{fill:none;stroke:var(--dark-brown);stroke-width:.8}.circles{fill:var(--white);stroke:var(--dark-brown);stroke-width:.6}.circles:hover{fill:var(--dark-brown);cursor:pointer}.nut{fill:var(--dark-brown);pointer-events:none}.circles:hover+.nut{fill:var(--yellow)}.disabled{fill:var(--dark-brown)}.disabled:hover{cursor:default}.doneLesson{fill:var(--yellow)}.lesson-name{fill:var(--dark-brown);stroke:var(--dark-brown);stroke-width:.1px;font-variant:all-small-caps;font-size:3.5px}.lesson-name-label{fill:var(--white-green)}.avatar{min-width:100px;max-height:100px;border-radius:50px;border:4px solid var(--yellow);margin-top:5px;color:var(--yellow);display:flex;justify-content:center;align-items:center;margin-right:2vw}.avatar-letter{font-size:40px;color:#fff;font-weight:700}.profile-page{max-width:1000px;margin-left:auto;margin-right:auto;height:90vh;display:flex;flex-direction:row;justify-content:center}.user-dashboard{min-height:min-content;height:fit-content;min-width:55%;border-radius:20px;border:4px solid var(--yellow);padding:20px;margin:20px}.user-part{display:flex;flex-direction:row;justify-content:space-between}.user-name{margin:20px}.profile-games{height:87.5vh}#username{display:flex;max-width:fit-content}.user-name-change{background-color:var(--main-green);height:5vh;margin-bottom:auto;color:var(--white);font-size:26px;text-align:center;padding:0;font-family:Staatliches,cursive;cursor:pointer;width:70%}.username-input input{display:inline-block;border:4px solid var(--main-green);border-bottom:4px solid var(--yellow);border-radius:0}.change-the-name-button{margin-right:none;pointer-events:none;opacity:0}.username-input:hover input,.user-name-change:focus{border:4px solid var(--yellow);text-decoration:none;border-radius:15px 0 0 15px}.username-input:hover button,.user-name-change:focus+button{display:inline-block;pointer-events:all;opacity:1}.profile-smaller-text{font-family:Staatliches,cursive;font-size:20px;margin-top:auto;margin-right:10px;color:var(--white-green)}.profile-email{margin-top:20px;color:var(--white)}.username-input{width:content;margin-left:10px;display:flex;height:min-content}.profile-yellow-text{color:var(--yellow);font-family:Staatliches,cursive}.user-name-change::placeholder{color:var(--white);opacity:1;font-family:Staatliches,cursive;font-size:26px;text-align:center}.learning-progress-title,.achievements{margin:10px 0 0 10px}.change-the-name-button{background-color:var(--main-green);border:4px solid var(--yellow);height:5vh;width:20%;color:var(--yellow);font-size:30px;font-weight:700;border-radius:0 15px 15px 0;margin-left:-10px;margin-right:auto;padding:0}.change-the-name-button:hover{background-color:var(--yellow);color:var(--main-green)}.progress{display:flex;flex-direction:row;justify-content:space-around}.sort-progress,.path-progress{display:flex;flex-direction:column;justify-content:center;align-items:center}.sort-progress-img,.path-progress-img{margin:10px;height:120px;width:160px}.algo-name{text-align:center;font-size:20px!important}.user-stats{width:100%;display:flex;flex-direction:column;justify-content:space-around;flex-grow:2}.stats-line{width:100%;display:grid;justify-content:space-between;grid-template-columns:150px 150px 150px;grid-gap:20px;padding:10px;color:var(--white-green)}.stats-text{font-size:24px!important;font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.wins-yellow{font-size:28px!important;color:var(--yellow)}.losses-red{font-size:28px!important;color:var(--red)}.created{text-align:right;color:var(--white-green)}*:focus{outline:none;background-color:transparent}@media only screen and (max-width: 1250px){.profile-page{flex-direction:column;align-items:center;overflow:auto;padding-top:65vh;margin:auto}.user-dashboard{width:80vw}.profile-page::-webkit-scrollbar{width:18px}.profile-page::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--white-green);border-radius:5px}.profile-page::-webkit-scrollbar-thumb{background:var(--white-green);border-radius:5px}.profile-page::-webkit-scrollbar-thumb:hover{background:var(--yellow)}.profile-page::-webkit-scrollbar-corner{background:var(--green)}}.gameDashboard{height:100%;min-width:60%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;overflow:auto;overflow-x:hidden;margin:20px}.match{height:20vh;min-height:200px;min-width:470px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;background-color:var(--purple);padding:20px;margin-right:20px}.game-status{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.match-win{border:4px solid var(--yellow)}.match-loss{border:4px solid var(--red)}.match-draw{border:4px solid var(--main-grey)}.stats-profile{display:flex;flex-direction:row;justify-content:space-between}.result-win{font-size:50px!important;color:var(--yellow)}.result-loss{font-size:50px!important;color:var(--red)}.result-draw{font-size:50px!important;color:var(--main-grey)}.date,.duration{color:var(--white)}.minionStats,.towerStats,.goldStats{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px}.gameStatsText{color:var(--yellow)}.durationDate{font-size:15px!important;vertical-align:bottom}.image-profile{height:70px;width:70px;margin:20px}.gameDashboard::-webkit-scrollbar{width:18px}.gameDashboard::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--white-green);border-radius:5px}.gameDashboard::-webkit-scrollbar-thumb{background:var(--white-green);border-radius:5px}.gameDashboard::-webkit-scrollbar-thumb:hover{background:var(--yellow)}.gameDashboard::-webkit-scrollbar-corner{background:var(--green)}@media only screen and (max-width: 1250px){.gameDashboard{width:inherit;overflow:visible}.match{width:75vw;overflow:visible}}.about-wrapper{max-width:1300px;margin-left:auto;margin-right:auto}.about-text{padding-top:20vh;margin-left:auto;margin-right:auto;max-width:1000px;font-size:28px;text-align:center;margin-bottom:10vh}.about-text h3{margin-top:25px}.authors{margin-left:auto;display:flex}.authors img{border-radius:50%;width:85%;border:3px solid var(--main-green);padding:10px;margin:20px}.authors img:hover{transition:.1s ease-in;border:3px solid var(--yellow)}#myCanvas{position:relative}.graph-vertices{position:relative;display:grid;gap:10px;place-items:start;transform:rotate(0) scale(1);z-index:2}.graph-edges{position:absolute;display:grid;gap:10px;place-items:start;z-index:3}.vertex{position:relative;display:inline;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 7px 7px,var(--white-green),#FFF);z-index:20}.vertex:hover{cursor:pointer}.selectedEndVertex{background:var(--yellow)}.edge{position:absolute;width:15px;height:5px;border-radius:3px;background:radial-gradient(circle at 7px 7px,var(--sand),#FFF)}.edge-key{display:inline;width:20px;height:5px;border-radius:3px;background:radial-gradient(circle at 7px 7px,var(--sand),rgb(226,220,220))}.edge-key-visited{position:relative;display:inline;width:20px;height:20px;border-radius:50%;background:var(--purple);z-index:20}.edge-key-path{position:relative;display:inline;width:20px;height:20px;border-radius:50%;background:var(--yellow);z-index:20}.vertical{position:absolute;transform:rotate(90deg);background-color:var(--sand)}.right-connection{left:90%;top:40%}.bottom-connection{left:15%;top:110%}.playContainer{height:90vh;width:90vw;display:flex;background-color:var(--white);flex-direction:column}.formContainer{width:100%;height:10%;display:flex;justify-content:space-around;align-items:center}.visualize-container{width:100%;height:90%;display:flex;justify-content:center;align-items:flex-end}.sorting-label{text-align:start;font-weight:bolder;display:flex;align-items:center;gap:5px}.disabled{color:var(--main-grey)}.disabled:hover{cursor:default;color:var(--main-grey)}.ASCEND{min-width:200px}.allSorts-slider{-webkit-appearance:none;border-radius:10px;background-color:#c8c8c8}.allSorts-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:10px;background-color:var(--main-green);overflow:visible;cursor:pointer}.nice-select{background-color:var(--white);border-radius:5px;border:solid 1px var(--main-green);box-sizing:border-box;clear:both;cursor:pointer;font-family:inherit;font-size:14px;font-weight:bolder;height:42px;line-height:40px;padding-right:10px;outline:none;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:auto}.waiting-room{max-width:900px;margin-left:auto;margin-right:auto;color:var(--white-green);background-color:var(--main-green)}.waiting-room span,.waiting-room p{font-family:Staatliches,cursive}.waiting-room h1{font-size:100px;text-align:left}.wr-explanation-text{text-align:center;color:var(--white-green);font-size:40px;padding-top:13vh;padding-bottom:4vh;font-weight:100;cursor:default}.wait-r-yellow{color:var(--yellow)}.wait-r-red{color:var(--red)}.wr-main-button{background-color:transparent;border:none;width:fit-content}.wr-amazing-text{text-align:left;font-size:31px;margin-top:30px;cursor:default}.selection-panel{display:flex;justify-content:space-around;height:45vh}.left-side-selection{display:flex;flex-direction:column;width:40%}.wr-form{padding:0;margin:0}.wr-copy-text{width:100%;margin-left:auto}.right-side-selection{max-width:40%;display:flex;flex-direction:column;padding-left:3vw}.wr-play-button{margin-right:auto}.wr-play-button:hover{color:var(--red)}.waiting-page-create-button:hover,.waiting-page-join-button:hover{color:var(--yellow)}.create-room-code{background-color:var(--main-green);border-radius:15px;border:4px solid var(--yellow);height:5vh;margin-top:30px;margin-bottom:auto;color:var(--yellow);font-size:26px;text-align:center;width:80%;font-family:Staatliches,cursive;cursor:pointer}.create-room-code::placeholder{color:var(--yellow);opacity:1;font-family:Staatliches,cursive;font-size:26px;text-align:center}.join-code-input{display:flex}.join-room-code{padding:0;margin-top:0;pointer-events:fill;width:63%}.submit-the-code-button{background-color:var(--main-green);border:4px solid var(--yellow);height:5vh;width:20%;color:var(--yellow);font-size:30px;font-weight:700;border-radius:0 15px 15px 0;margin-left:-10px;margin-right:auto;padding:0}.play-h3{font-size:30px;margin-bottom:30px}.loading-animation{margin:auto auto auto 60px;border:10px solid var(--dark-green);border-radius:50%;border-top:10px solid var(--red);min-width:100px;min-height:100px;animation:spinner 4s linear infinite}.tutorial-button{cursor:pointer}.tutorial-button:hover{color:var(--red)}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-the-code-button:hover{background-color:var(--yellow);color:var(--main-green)}.waiting-page-create-button.playClicked,.waiting-page-create-button.joinClicked,.waiting-page-join-button.playClicked,.waiting-page-join-button.joinClicked,.wr-play-button.joinClicked,.wr-play-button.createClicked{color:var(--dark-green)!important;cursor:default}.tutorial-button h1{text-align:center}.tutorial-button.waiting-page-join-button:hover h1{color:var(--yellow)}#tutorial{position:relative;z-index:101;background-color:var(--white);width:50%;height:60%;border:4px solid var(--yellow);border-radius:15px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-around;float:right}.tutorial-background{position:absolute;height:100%;width:100%;background-color:var(--main-green-transparent);display:flex;justify-content:center;align-items:center;z-index:100}#tutorialCounter{display:none}#nextButton,#previousButton,#skipButton{color:var(--red);border-radius:15px;border:0;background-color:var(--yellow);margin-bottom:10px;padding:5px 15px;font-size:12px}.flex-div{height:100px;display:flex;justify-content:center;align-items:center}.tutorial-img{height:280px;position:relative;border:3px solid var(--yellow);border-radius:15px}#previousButton{margin-left:auto}.tutorialButtons{display:flex;justify-content:space-around;width:80%;margin-left:auto;margin-right:auto}.tutorialButtons button{margin:10px}#nextButton:hover,#previousButton:hover,#skipButton:hover{background-color:var(--yellow-hover)}.tutorialButtons h1{color:var(--red)}