@import"https://use.typekit.net/dtm1fjo.css";:root{--cBlue: #a8bfaf;--cBlue2: #76c3a6;--cCream: #F0F2DF;--cYellow: #F2D852;--cOrange: #f28552;--cBrown: #59322E;--cRed: #8C2B2B;--cdrk: #202030;--cGreen: #57ea97}div{color:#333;font-family:futura-pt,sans-serif;font-size:15px;letter-spacing:.5px}object{width:100%;height:100%}h1{font-family:futura-pt-bold,sans-serif;font-size:clamp(2em,7vw,7em);line-height:clamp(2rem,10vh,6rem);margin:0%;color:var(--cdrk)}h2{font-family:futura-pt-bold,sans-serif;font-size:4em;color:var(--cdrk);margin:0}h3{font-family:futura-pt,sans-serif;font-size:2em;color:var(--cdrk);margin:0}p{font-family:futura-pt,sans-serif;font-size:clamp(1em,2vw,2em);color:var(--cdrk);margin:0}.cardText,.cardSubHead{font-family:futura-pt,sans-serif;font-size:clamp(1em,1.5vw,1.5em);color:var(--cdrk);margin-left:10%;margin-right:10%}.decoTitle{font-family:futura-pt,sans-serif;font-size:clamp(2rem,12vw,12rem);color:var(--cRed)}.textAlignCenter{text-align:center}.textAlignLeft{text-align:left}.textAlignRight{text-align:right}.alignTop{align-items:flex-start}.centerTitle{position:absolute;top:20vh;left:50%;transform:translate(-50%,-50%)}.main-container{display:flex;flex-direction:row;align-items:center;justify-content:left;height:100vh;width:100vw;background-color:var(--cCream);padding:5rem;background-image:url(../background1.png);background-size:cover;background-position:50px;background-repeat:no-repeat}.main-title{display:flex;flex-direction:column;align-items:left;justify-content:center;gap:2em;top:10vh;position:absolute;width:70vw;padding:2vw}.row{display:flex;flex-direction:row;align-items:center;justify-content:left;gap:2em;max-width:100%}.column{display:flex;flex-direction:column;justify-content:flex-start;gap:2em;max-width:100%}.menu-box{display:flex;flex-direction:column;align-content:flex-start;gap:1em;padding:0 0 10px;border:4px solid var(--cdrk);background-color:var(--cCream);height:auto;width:20vw;border-radius:8px;box-shadow:10px 10px 20px #0003;overflow:hidden}.menu-header{background-color:var(--cRed);padding:2em;width:100%;display:flex;box-sizing:border-box;align-items:center;justify-content:flex-start}.menu-header h2{margin:0}.menuArrow{margin:1em}.menu-button{font-family:futura-pt,sans-serif;font-size:2.5em;padding:.5em 1.5em;background-color:var(--cCream);color:var(--cdrk);border:5px solid var(--cdrk);border-radius:50px;cursor:pointer;transition:background-color .2s;width:70%;box-sizing:border-box}.menu-buttonThin{font-family:futura-pt,sans-serif;font-size:2.5em;padding:.5em 0;background-color:var(--cCream);color:var(--cdrk);border:5px solid var(--cdrk);border-radius:50px;cursor:pointer;transition:background-color .2s;width:70%;box-sizing:border-box}.menu-button:hover{background-color:var(--cYellow);transition-duration:.05s}button{font-family:futura-pt,sans-serif;font-size:3em;padding:.5em 1.5em;background-color:var(--cBlue);color:var(--cCream);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}button:hover{background-color:var(--cYellow);transition-duration:.05s}.navbar{background-color:var(--cBrown);display:flex;justify-content:center;width:100%;padding:0;margin:0;box-shadow:0 2px 4px #0003;position:sticky;top:0;z-index:100}.nav-content{display:flex;gap:0;align-items:center}.nav-tab{font-family:futura-pt,sans-serif;font-size:1.2em;padding:1em 2em;color:var(--cCream);text-decoration:none;transition:background-color .2s,color .2s;cursor:pointer}.nav-tab:hover{background-color:var(--cYellow);color:var(--cBrown)}.nav-tab.active{background-color:var(--cdrk);color:var(--cCream)}body{margin:0;padding:0;overflow:hidden}#app{border:0px;background-color:var(--cBlue);color:var(--cdrk);display:flex;align-items:center;justify-content:left;flex-direction:column;max-height:100vh;width:100%}.arrow-button{background-image:url(../arrow-drk.svg);background-color:transparent;background-size:70%;background-repeat:no-repeat;background-position:center;border:3px solid var(--cdrk);padding:0;border-radius:25%;cursor:pointer;transition:background-image .3s ease;width:100px;height:100px;font-size:inherit;color:inherit}.biggerArrow{width:150px;height:150px}.arrow-button:hover{background-color:transparent;border-color:var(--cYellow);font-size:inherit;color:inherit;background-image:url(../arrow-yellow.svg);background-position:center}.grid-container{position:absolute;display:grid;grid-template-columns:1.5fr 6fr 1.5fr;grid-template-rows:1fr;width:100vw;height:100vh;box-sizing:border-box}.grid-container>*{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;box-sizing:border-box;padding:2rem}.nudgeNav{top:50px}.fillCell{width:100%;height:100vh;background-image:url(../background2.jpeg);background-size:fill}.fillCellBrown{width:100%;height:100vh;background-color:var(--cBlue)}.bgImg1{background-image:url(../background2.jpeg);background-size:cover;background-position:center;width:100%;height:100vh}.drag-step{padding:1rem;background-color:var(--cYellow);border:4px solid var(--cdrk);border-radius:8px;cursor:grab;display:flex;align-items:center;-webkit-user-select:none;user-select:none;transition:opacity .2s;font-size:1.5rem;min-width:160px;max-width:220px;text-align:left}.drag-step:hover{opacity:.8}.drag-step.dragging{opacity:.5}.drop-slot{padding:.5rem;background-color:var(--cBlue);border:4px solid var(--cdrk);border-radius:8px;min-height:3rem;display:flex;align-items:center;justify-content:center;color:var(--cdrk);font-weight:700;font-size:2em}.drop-slot.correct{background-color:var(--cGreen);border-color:var(--cdrk)}.drop-slot.incorrect{background-color:var(--cRed);border-color:var(--cdrk);color:var(--cCream)}.incorrect-box{font-family:futura-pt-bold,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cRed);color:var(--cCream);padding:2rem 3rem;box-shadow:0 20px 100px #000;border-radius:12px;font-size:4rem;z-index:1000;text-align:center;display:none;border:10px solid var(--cCream)}.win-box{font-family:futura-pt-bold,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cGreen);color:var(--cdrk);padding:2rem 3rem;box-shadow:0 20px 50px #000c;border-radius:12px;font-size:4rem;z-index:1000;text-align:center;display:none;border:10px solid var(--cdrk)}.middle-rows{display:flex;flex-direction:column;gap:1.5rem;width:100%}.middle-row{height:25vh;background:transparent;border-radius:26px;min-height:80px;display:flex;align-items:center;justify-content:center;font-size:1.5em;transition:background .2s;cursor:pointer;position:relative;overflow:hidden}.middle-row .hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#f2d85259;pointer-events:none;opacity:0;transition:opacity .2s;border-radius:12px}.middle-row:hover .hover-overlay{opacity:1}.middle-row .row-content{position:relative;z-index:1;width:100%;text-align:center}.bgDiagramn{background-image:url(../epitest-graphic.png);background-size:80%;background-repeat:no-repeat;background-position:10% 30%}