:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-dark: #030303;--bg: #0a0a0a;--bg-light: #171717;--text: hsl(300 0% 95%);--text-muted: hsl(300 0% 69%);--highlight: hsl(330 0% 39%);--border: hsl(0 0% 28%);--border-muted: hsl(300 0% 18%);--primary: #FFD700;--primary-muted: hsl(48.21, 100%, 43.92%);--danger: hsl(0, 100%, 50%);--warning: hsl(52 19% 57%);--success: hsl(146 17% 59%);--info: hsl(217 28% 65%)}body{margin:0;place-items:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}label{display:inline-block;margin-bottom:.5em;font-weight:500}h1{font-size:3.2em;line-height:1.1}.landing-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;background-color:#030303;background-image:linear-gradient(120deg,#000,#ffd7000d 15%,#ffd70026,#ffd7000d 35%,#000,#ffd7000d 65%,#ffd70026,#ffd7000d 85%,#000);background-size:600% 600%;animation:goldLightSweep 60s ease-in-out infinite}.landing-logo{font-family:Baskerville,Georgia,Cambria,Palatino Linotype,serif;font-size:clamp(5rem,15vw,10rem);line-height:.9;color:#000;-webkit-text-stroke:2px #FFD700;text-shadow:0 0 2px rgba(255,215,0,.6),0 0 4px rgba(255,215,0,.2);display:flex;flex-direction:column;align-items:flex-start;animation:goldPulse 5s infinite ease-in-out}@keyframes goldPulse{0%{text-shadow:0 0 4px rgba(255,215,0,.4),0 0 8px rgba(255,215,0,.2)}50%{text-shadow:0 0 6px rgba(255,215,0,.7),0 0 12px rgba(255,215,0,.4)}to{text-shadow:0 0 4px rgba(255,215,0,.4),0 0 8px rgba(255,215,0,.2)}}.landing-logo-indent{margin-left:1.8rem}.landing-slogan{color:#fff;font-family:Times New Roman,serif;font-size:1.25rem;margin-top:1rem;text-transform:uppercase}.landing-cta{color:#fff;font-size:1rem;margin-top:2rem;animation:fade-cta 1s infinite alternate ease-in-out}@keyframes fade-cta{0%{opacity:.1}to{opacity:1}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){.landing-logo{font-size:clamp(3rem,12vw,6rem)}.landing-slogan{font-size:clamp(1.8rem,4vw,1.25rem)}.landing-cta{font-size:clamp(.8rem,3vw,1rem)}}@media (max-width: 480px){.landing-logo{font-size:clamp(2.5rem,14vw,5rem)}.landing-slogan{font-size:clamp(.8rem,3vw,1.1rem)}.landing-cta{font-size:clamp(.6rem,2vw,.9rem)}}:root{color-scheme:dark}#root{margin:0 auto;padding:0;text-align:center;display:flex;align-items:center;justify-content:center;min-height:100vh}.card-spread{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:20px;pointer-events:none}.fan{height:250px;width:auto;border-radius:8px;box-shadow:0 4px 10px #0000004d;opacity:0;transform:scale(.8);animation:fanOut 1.2s ease-out forwards}.fan.left{transform:rotate(-10deg)}.fan.center{transform:scale(1.1)}.fan.right{transform:rotate(10deg)}@keyframes fanOut{to{opacity:1;transform:scale(1)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.2)}50%{transform:scale(.95)}70%{transform:scale(1.05)}to{transform:scale(1)}}.bounce{animation:bounce .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .6s ease-in-out}@keyframes poofFade{0%{opacity:1;transform:translate(-50%) scale(.8)}50%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%) scale(1.4)}}.poof{position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;background:url(/images/poof.png) no-repeat center/contain;pointer-events:none;animation:poof .6s ease-out forwards}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.about-row{display:flex;align-items:stretch;min-height:120px}.about-row img{width:20%;height:20%;margin:0;border-radius:8px;display:block}.about-text{margin-left:30px;margin-right:30px;display:flex;flex-direction:column;justify-content:center}.fan{position:absolute;top:15px;left:50%;transform:translate(-50%) scale(1);opacity:0;height:250px;width:auto;border-radius:8px;box-shadow:0 4px 10px #0000004d;animation:fanOut 1s ease-out forwards}.fan.left{animation-name:fanOutLeft}.fan.center{animation-name:fanOutCenter}.fan.right{animation-name:fanOutRight}@keyframes fanOutLeft{0%{opacity:1;transform:translate(-50%) scale(.8) rotate(0)}to{opacity:1;transform:translate(-160%) scale(1) rotate(0)}}@keyframes fanOutCenter{0%{opacity:1;transform:translate(-50%) scale(.8) rotate(0)}to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}@keyframes fanOutRight{0%{opacity:1;transform:translate(-50%) scale(.8) rotate(0)}to{opacity:1;transform:translate(60%) scale(1) rotate(0)}}:root{--bg-dark: #030303;--bg: hsl(300 0% 4%);--bg-light: hsl(0 0% 9%);--text: hsl(300 0% 95%);--text-muted: hsl(300 0% 69%);--highlight: hsl(330 0% 39%);--border: hsl(0 0% 28%);--border-muted: hsl(300 0% 18%);--primary: #FFD700;--primary-muted: hsl(48.21, 100%, 43.92%);--danger: hsl(0, 100%, 50%);--warning: hsl(52 19% 57%);--success: hsl(146 17% 59%);--info: hsl(217 28% 65%);align-content:center;background-color:#030303;background-image:linear-gradient(120deg,#000,#ffd7000d 15%,#ffd70026,#ffd7000d 35%,#000,#ffd7000d 65%,#ffd70026,#ffd7000d 85%,#000);background-size:600% 600%;animation:goldLightSweep 60s ease-in-out infinite;color:var(--text)}@keyframes goldLightSweep{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{display:flex;flex-direction:column;align-items:center;align-self:center;background-color:var(--bg-light);width:600px;height:750px;border-radius:10px;box-shadow:0 0 5px var(--border)}.buttons{color:var(--bg);background-color:var(--primary);position:relative;display:inline-block;width:150px;height:35px;margin-bottom:25px;border-radius:3px;border-width:0px}.buttons:hover{background-color:var(--primary-muted);cursor:pointer}.input_div{display:flex;flex-direction:column;align-items:flex-start;margin:20px;width:fit-content;position:static;max-width:300px}.input_div label.text{font-size:.75rem;color:var(--text);font-weight:700;position:relative;top:.5rem;margin:0 0 0 7px;padding:0 3px;background:var(--bg-light);width:fit-content}.input_div input[type=text].input,.input_div input[type=password].input{padding:11px 10px;font-size:.75rem;border:2px var(--text) solid;border-radius:5px;background:var(--bg-dark);width:250px;margin:0 auto}.input_div input:hover{outline:none;box-shadow:0 0 2px #fff}.input_div input[type=text].input:focus{outline:none;box-shadow:0 0 5px #fff}.input_div img{position:absolute;right:35px;top:127px}.label_error{color:var(--danger)!important;position:relative}.label_error:after{content:" *";color:var(--danger)!important}.input_error{border:2px var(--danger) solid!important}.input_error:focus{outline:none;box-shadow:0 0 2px var(--danger)!important}.input_error:focus{outline:none;box-shadow:0 0 5px var(--danger)!important}.switch{position:relative;display:inline-block;width:250px;height:50px}.login_switch{position:relative;right:40px;top:23%}.signup_switch{position:relative;left:40px;top:23%}.switch input{opacity:0;width:0;height:0}.slider{color:var(--bg);position:absolute;cursor:pointer;inset:0;background-color:var(--text);-webkit-transition:.5s ease;transition:.5s ease;border-radius:34px}.slider:before{position:absolute;content:"";height:100%;width:125px;right:0;left:0;bottom:0;background-color:var(--primary);-webkit-transition:.5s ease;transition:.5s ease;border-radius:34px}.slider div{align-content:center}input:focus+.slider{box-shadow:0 0 1px #fff}input:checked+.slider:before{-webkit-transform:translateX(125px);-ms-transform:translateX(125px);transform:translate(125px)}.fade-in-left{animation:fadeInLeft .5s ease both}.fade-in-right{animation:fadeInRight .5s ease both}.password_requirements{position:absolute;top:158px;margin:0;font-size:xx-small}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 600px){.container{width:90%;height:auto;padding:20px}.input_div{margin:10px 10px 10px auto;width:100%;max-width:none}.input_div label.text{left:15px}#verification{left:40px}.input_div input[type=text].input,.input_div input[type=password].input{width:75%;font-size:.9rem}.input_div img{position:absolute;right:28px;top:111px}.buttons{width:100%;height:40px;font-size:1rem}.switch{width:200px;height:45px}.slider:before{width:100px}.login_switch{font-size:.8rem;top:22%;right:33px}.signup_switch{font-size:.8rem;top:22%;left:33px}input:checked+.slider:before{transform:translate(100px)}.password_requirements{position:absolute;top:142px;margin:0;font-size:xx-small}#forgot_password_visibility{position:absolute;right:160px;top:569px}}:root{--bg-dark: hsl(336 0% 1%);--bg: hsl(300 0% 4%);--bg-light: hsl(0 0% 9%);--text: hsl(300 0% 95%);--text-muted: hsl(300 0% 69%);--highlight: hsl(330 0% 39%);--border: hsl(0 0% 28%);--border-muted: hsl(300 0% 18%);--primary: #FFD700;--primary-muted: hsl(48.21, 100%, 43.92%);--danger: hsl(0, 100%, 50%);--warning: hsl(52 19% 57%);--success: hsl(146 17% 59%);--info: hsl(217 28% 65%);display:flex;justify-content:center;align-content:center}.page{display:flex;flex-direction:column;align-items:center;width:100%;overflow-x:hidden;padding:2rem 1rem;box-sizing:border-box}.cardDex_container{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1rem;box-sizing:border-box}.cardDex_title{font-size:2.5rem;margin-bottom:1rem;text-align:center;font-size:clamp(20px,6vw,100px);margin-top:0}.cardGrid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1.5rem;width:75vw;box-sizing:border-box}.card{background-color:var(--bg-light);padding:0rem;border-radius:8px;box-shadow:0 2px 6px var(--border),0 -2px 6px var(--border);text-align:center;width:213px;max-width:100%;height:300px;transition:transform .2s ease-in-out;box-sizing:border-box;flex:0 0 auto}.card-img{width:100%;height:100%;object-fit:cover;border-radius:8px}.card:hover{transform:scale(1.05);z-index:1}.card_disabled{filter:grayscale(100%);opacity:60%}@media screen and (max-width: 500px){.cardGrid{grid-template-columns:repeat(auto-fit,100px);gap:1.5rem;padding:1.5rem}.card{width:107px;height:150px;padding:0rem;flex:0 0 auto}}.about-page{display:flex;flex-direction:column;align-items:center;padding:20px}.about-page h1{margin-bottom:30px;text-align:center}.about-container{width:90%;max-width:800px;padding:0;margin-top:20px;margin-bottom:0}.about-row{display:flex;flex-direction:row;align-items:flex-start;gap:20px;background-color:var(--bg-light);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.about-row:hover{transform:scale(1.01)}.about-row img{width:150px;height:auto;border-radius:10px;object-fit:cover}.about-text{flex:1}.about-text h2{margin-top:0;font-size:1.2rem}.about-text p{font-size:1rem;line-height:1.4}.github-monkey{width:100%;max-width:800px;transform:scaleX(-1);margin-top:0}@media screen and (max-width: 768px){.about-row{flex-direction:column;align-items:center;text-align:center}.about-row img{width:100%;max-width:250px}.about-text h2{font-size:1.1rem}.about-text p{font-size:.95rem}}@media screen and (max-width: 480px){.about-container{padding:0}.about-text h2{font-size:1rem}.about-text p{font-size:.9rem}}.sidebar{position:fixed;top:0;left:0;height:100%;width:0;z-index:1000}.menu{position:fixed;top:10px;left:10px;z-index:1100;cursor:pointer;background-color:transparent;padding:10px}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:var(--primary);margin:5px;transition:.4s}.change .bar1{transform:translateY(9px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-11px) rotate(45deg)}.slide-panel{position:fixed;top:0;left:0;height:100%;width:200px;background-color:var(--bg-light);transform:translate(-100%);transition:transform .4s ease-in-out;overflow-y:auto;z-index:1050;opacity:80%}.slide-panel.show{transform:translate(0);box-shadow:2px 0 5px var(--border)}.options{margin-top:30px;padding:20px}.options div{opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease;margin-top:10px;pointer-events:none}.options.show div{opacity:1;transform:translate(0);pointer-events:auto}a{color:#c7c7c7}a:hover{color:#878787}#logout{cursor:pointer;color:red}#logout:hover{color:maroon}.menu-icon{width:20px;height:20px;margin-right:10px;vertical-align:middle}@media (max-width: 600px){.slide-panel{width:120px}.bar1,.bar2,.bar3{width:24px;height:3px}.change .bar1{transform:translateY(7px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-9px) rotate(45deg)}.menu{padding:6px}.options{padding:10px}.options div{font-size:.75rem}}
