.browser{display:flex;place-content:center;height:calc(100% - 8rem);flex-wrap:wrap;padding:4rem}.browserCard{padding:1rem;background-color:var(--bg-darker);border-radius:.8rem;width:18rem;aspect-ratio:1 / 1.4;margin:1rem;display:flex;flex-direction:row;overflow:hidden}.browserCard>a{display:flex;flex-direction:column;text-decoration:none;place-items:center;color:var(--accent-color);justify-content:center;text-align:center;padding-bottom:.5rem}.browserCardImage{width:18rem;aspect-ratio:1 / 1.6;object-fit:contain;height:80%}.browserCardLabel{font-size:2.3rem;text-transform:uppercase}.browserCard:hover{transform:scale(1.05)}.browserCard:active{opacity:70%}.card{background-color:var(--accent-color);border-radius:.8rem;width:15rem;aspect-ratio:1.6 / 1;margin:1rem;display:flex;overflow:hidden}.card:hover{transform:scale(1.05)}.cardContainer{background-color:var(--bg-dark);border-radius:.6rem;margin:.2rem;display:flex;flex-grow:1;overflow:hidden}.cardText{color:#fff;font-size:1.8rem;line-height:2.2rem;padding:.9rem;text-decoration:none}.cardText:hover{text-decoration:underline}.active{background-color:var(--accent-color)}.active>.cardText{color:#000}.sideBar{background-color:var(--bg-darker);overflow-y:scroll;top:0;bottom:0}.sideBar::-webkit-scrollbar{width:.5rem}.sideBar::-webkit-scrollbar-track{background:var(--bg-darker)}.sideBar::-webkit-scrollbar-thumb{width:1rem;background:black;background:var(--accent-color)}.taskDashboard{height:100%;display:flex}.task{display:grid;place-items:center;flex-grow:1;justify-items:center}.task fieldset{font-size:2rem;display:grid;border:solid var(--accent-color) .2rem;border-radius:1rem}.task fieldset *{padding:1rem}.task h4{display:inline}.task h2{display:inline;color:var(--accent-color);font-size:2.5rem;padding:0rem}#answers{display:grid;gap:.7rem}.answer{background-color:var(--bg-darker);border:.1rem var(--bg-darker-low-sat) solid;border-radius:.5rem;padding:.2rem}.answer:hover{transform:scale(1.02);cursor:pointer}.picked{color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 .3rem}#checkContainer{display:grid;place-content:center}#check{aspect-ratio:4/1;background-color:var(--accent-color);border:.2rem var(--accent-color) solid;border-radius:.5rem;color:var(--bg-dark);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:.7;font-weight:500;font-size:x-large;text-transform:uppercase}#check:hover{transform:scale(1.05);cursor:pointer}#check:active{opacity:.7}.radio{visibility:hidden}.page{display:grid;place-items:center;height:100%}.formContainer{display:flex;flex-direction:column;align-items:center;font-size:2rem;background-color:var(--bg-semi);border-radius:calc(var(--radius) + .5rem);padding:2rem 2rem 3rem}.form{display:flex;flex-direction:column;align-items:center;gap:.2rem}.input{aspect-ratio:9/1;width:20rem;font-size:1.8rem;padding:.5rem;border-radius:var(--radius)}.button{width:10rem;aspect-ratio:4.5/1;border-radius:var(--radius);font-size:1.8rem;padding:.5rem}.buttons{width:100%;display:flex;margin-top:.5rem;justify-content:space-between}.buttons .guest-button{width:100%;height:3.5rem;display:flex;align-items:center;justify-content:center}#submit{background-color:var(--accent-color);color:var(--bg-dark-high-sat);font-weight:500;cursor:pointer}#re-route,#submit-guest{background-color:var(--accent-color-low-sat);display:grid;place-content:center;align-content:stretch;text-decoration:none;color:var(--accent-color);border:none;cursor:pointer}.buttons>*:hover{transform:scale(1.05)}.invalid,.invalid:focus{outline:solid 3.5px red}input:focus{outline:solid 2px var(--accent-color)}.scoreboard{display:flex;flex-direction:column;place-items:center;height:100%;padding-top:1rem;gap:1rem}.scoreCard{padding:1.5rem;font-size:x-large;outline:solid var(--accent-color);color:var(--accent-color);background-color:var(--bg-darker);border-radius:.5rem;list-style:none;width:clamp(20rem,40%,60%);display:flex;justify-content:space-between}.header{background-color:var(--bg-darker);font-size:x-large;height:2rem;width:100%;padding-top:1rem;padding-bottom:1rem;outline:solid var(--accent-color);display:flex;justify-content:space-around;place-content:center}.disabled{pointer-events:none;opacity:50%}.userInfo{flex:.45;display:flex;gap:3rem}.email,.score{font-size:x-large;color:var(--accent-color)}.log-out{border-radius:.5rem;font-size:x-large;color:var(--accent-color);width:6rem}.log-out:hover{transform:scale(1.1);text-decoration:underline;cursor:pointer}.navigation{flex:.45;display:flex;gap:3rem}.link{text-decoration:none;color:var(--accent-color)}.link:hover{text-decoration:underline;transform:scale(1.1)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#242424;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--accent-color: gold;--accent-color-low-sat: rgba(255, 215, 0, .3);--bg-dark: #242424;--bg-darker: #141414;--bg-dark-high-sat: rgba(0, 0, 0, .6);--bg-darker-low-sat: rgba(255, 255, 255, .4);--bg-semi: rgba(255, 255, 255, .2);--light: rgba(255, 255, 255, .87);--card-width: clamp(1rem, 10vw, 3rem);--radius: .5rem;color:var(--light)}*{margin:0;padding:0}body{margin:0;padding:0;width:100vw;height:calc(100vh - 5rem);overflow-y:scroll;overflow-x:hidden}body::-webkit-scrollbar{width:.5rem}body::-webkit-scrollbar-track{background:var(--bg-darker)}body::-webkit-scrollbar-thumb{width:1rem;background:black;background:var(--accent-color)}#root,.App{height:100%}