button{margin:.5vw;border:2.8px solid var(--hover-blue);border-radius:8px;color:var(--border-blue);padding:.5em 1em;font-size:2em;font-weight:500;font-family:Chakra Petch;background-color:transparent;cursor:pointer;transition:border-color .25s;transition:color 1s ease-in-out}button:hover{border-color:var(--hover-blue);text-shadow:.04em -.05em 0 #ab2468d7;color:var(--hover-blue);transition:color .7s ease-in-out}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.creating-button{font-size:1.2em;flex-wrap:wrap;font-weight:500;margin:1.5em}.revision-button{font-size:1.2rem;flex-wrap:wrap;font-weight:400;margin:.3rem}.DarkModeSwitch{width:1em;height:0,5em}.auth-container button{width:10rem;height:4.3rem;align-content:center;font-weight:650;font-size:1rem;padding:0%;border-width:3px}.auth-buttons-wrapper{display:flex;flex-direction:row}.pencil-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.pencil-button:hover{transform:scale(1.1)}.trash-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.trash-button:hover{transform:scale(1.1)}.untercard{display:flex;justify-content:center;margin:0 auto;position:absolute;bottom:0%;right:0%;flex-flow:column nowrap;width:min-content;background-color:#fff8;border-radius:5em}.deck-name-button{background:transparent;border:none;font-size:1.2em;cursor:pointer;overflow:hidden;text-overflow:ellipsis;max-width:100%}.deck-card-buttons{display:flex;justify-content:center;margin:0 auto;position:relative;flex-flow:row nowrap;width:min-content;background-color:#fff8;border-radius:5em}.dialog-buttons{display:flex;flex-flow:row nowrap;justify-content:space-around}.dialog-butt{min-width:4rem;min-height:2rem;padding:0 3em;border:transparent;background:#7b7b7b36}.dialog-butt.question{padding:.1em .6em;font-size:1.3em;min-width:1em;min-height:1em}.dialog-butt.add{padding:0;font-size:1.2rem}.check-wrapper{margin:1.2rem auto;display:flex;justify-content:center;position:relative;flex-flow:row nowrap;width:min-content;background-color:#ffffffcf;border-radius:5em;font-size:1.3em}.rev-and-share{display:flex;flex:column}.check-button:hover{transform:scale(1.1)}.check-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.logout-button{margin:0 auto;background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .4s}.logout-button:hover{scale:1.2}.generate-test{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;border-radius:8px;padding:.5em 1em;color:#2d728f;background-color:none;transition:color .3s ease-in-out;font-family:Chakra Petch;font-size:1.2em;flex-wrap:wrap;font-weight:500;margin:1.5em}.generate-test:hover{border-color:#2b99b7;text-shadow:.04em -.05em 0 #ab2468d7;color:var(--hover-blue);transition:color .3s ease-in-out}.select-options{font-family:Chakra Petch;border:transparent;border-radius:2px;height:1.1rem}.generating-label{margin:.7rem 1.5rem}.flashcard{width:200px;height:250px;perspective:1000px;cursor:pointer;border:none;border-radius:1%;font-weight:200;margin:1em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.flashcard img{max-width:120px;max-height:120px;border-radius:10%;object-fit:fill}.flashcard-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease-in-out;border-radius:3%}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;border-radius:1%;box-shadow:-.25rem .18rem #c10ad1e6,.3rem -.3rem #358fffa3,.15em -.15em #000000ca;overflow:hidden}.flashcard-front{background-color:#fdf3be;color:#0a0f12}.flashcard-back{background-color:#eae666;color:#100e0e;transform:rotateY(180deg)}.flashcard p{background-color:transparent;font-weight:400;font-size:1.2em}.flashcard-list-container{position:relative}.card{padding:2em}.revision-card{padding:2rem .5rem}.revision-card-flipped{padding:2rem .5rem;filter:hue-rotate(30deg)}.navbar{position:fixed;top:0;right:0;width:180px;height:100vh;background-color:#02020287;padding:1em 0;z-index:var(--mid-zindex);display:flex;flex-direction:column;align-items:center;transition:transform .3s ease-in-out}.navbar ul{font-family:Chakra Petch,Lucida Sans,Lucida Sans Regular,Lucida Grande;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;width:100%;list-style:none;padding:0;margin:0}.navbar ul li{font-family:Chakra Petch,Lucida Sans,Lucida Sans Regular,Lucida Grande;width:100%;text-align:center}.navbar ul li a{color:#310233;text-decoration:none;font-size:1.8em;padding:10px;display:block;transition:color .3s ease-in-out}.navbar ul li a:hover{text-shadow:.07em -.1em 0 #ab2468d7;color:var(--hover-blue);transition:color .3s ease-in-out}.bot-navbar{position:fixed;bottom:0;left:0;width:100vw;height:60px;background-color:#02020287;padding:0;margin:0;z-index:var(--mid-zindex);display:none;flex-direction:row;align-items:center;transition:transform .3s ease-in-out}.bot-navbar ul{font-family:Chakra Petch,Lucida Sans,Lucida Sans Regular,Lucida Grande;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:100%;width:100%;list-style:none;padding:0;margin:0}.bot-navbar ul li{font-family:Chakra Petch,Lucida Sans,Lucida Sans Regular,Lucida Grande;text-align:center}.bot-navbar ul li a{color:#310233;text-decoration:none;font-size:1.8em;display:block;transition:color .3s ease-in-out}.bot-navbar ul li a:hover{text-shadow:.07em -.1em 0 #ab2468d7;color:var(--hover-blue);transition:color .3s ease-in-out}.bot-navbar .nav-switch{width:2em;margin:0;position:fixed;left:4rem;top:0%}.nav-button:hover{transform:scale(1.1)}.nav-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.nav-switch:hover{scale:1.2}.nav-switch{transition:scale .4s}.friend-name{font-family:Chakra Petch,Urbanist;font-size:1.1rem;color:#641364}.friend-wrapper{display:flex;flex-direction:row;justify-content:space-between;margin:1rem 8rem}.friend-wrapper .profile-block{margin:1rem 0rem;width:25rem}.profile-block{background-color:#f6c7ff4f;border-radius:10px;margin:.7rem 8rem;padding:1rem;color:#090107;align-items:center}.friend-request{margin:1rem 3rem}.friendslist{display:flex;flex-flow:column nowrap}.test-card-wrapper{flex:0 0 auto;width:250px}.test-card{background:#f8f9fa33;border:3px solid #0b75ccc0;padding:1em;border-radius:8px;text-align:center;height:9em;overflow:hidden;max-width:100%;cursor:pointer}.test-card:hover{color:var(--hover-blue);border-color:var(--hover-blue);box-shadow:.11em .12em #fb02e6e2,-.12em .2em #fff703ea;transition:color .3s ease-in-out}.focused-test{color:var(--hover-blue);border-color:var(--hover-blue);box-shadow:.15em .18em #fb02e6e2,-.17em .35em #fff703ea;background:#f8f9fa9b;transition:color .3s ease-in-out}.test-name-button{background:transparent;border:none;font-size:1.2em;cursor:pointer;overflow:hidden;text-overflow:ellipsis;max-width:100%}.test-card-buttons{display:flex;justify-content:center;margin:0 auto;position:relative;flex-flow:row nowrap;width:min-content;background-color:#ffffffcf;border-radius:5em}.question-buttons{display:flex;margin:1em auto;justify-content:center;position:relative;flex-flow:row nowrap;height:100%;width:min-content;background-color:#fff8;border-radius:5em}.question-box{border-left:solid 3.5px var(--hover-blue);flex-flow:column nowrap;align-items:flex-start;display:flex;padding:1% 10%}.question-option{margin:.5em 1em}.question-option input{margin-right:1em}.question-options-wrap{display:flex;flex-flow:column nowrap;align-items:flex-start;width:100%;padding:1em 0;border-radius:10px}:root{font-family:Chakra Petch,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--front-zindex: 10;--mid-zindex:8;--hover-blue:#22c4f0;--border-blue:#227bc9}#root{width:100vw;max-width:1280px;margin:0 auto;padding:2rem;text-align:center;--front-zindex: 10;--mid-zindex:8;--low-zindex:2}a{font-weight:500;text-decoration:inherit}body{padding-left:10%;padding-right:10%;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:15em;font-family:Chakra Petch,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;line-height:1;position:relative;z-index:var(--low-zindex);text-shadow:.05em .08em 0 rgba(255,255,0,.843),-.04em .1em 0 #ab2468d7;color:#2d728fc7}h2{padding:.1vw;font-size:1.8rem}h3{font-family:Chakra Petch,Urbanist;font-size:1.3rem;color:#401550}p{color:#090107;padding:.33rem}ul{list-style-type:none}input:focus{border:3px solid rgba(255,247,3,.918);box-shadow:.28em -.2em #c61e94bd,-.28em .2em #0b75ccc0;transition:shadow .3s ease-in-out}.arrow{width:50px;height:50px;border:none;border-radius:50%;padding:.5em 1em;position:absolute;transform:translateY(-50%);top:calc(50% - 25px);z-index:var(--front-zindex);cursor:pointer;color:#092f56}.arrow.left{left:0}.arrow.right{right:0}.carousel-wrapper{position:relative}.left{left:.1em}.right{right:.1em}.fetched{color:#242424}.carousel-track{display:flex;width:600%;transition:transform .5s ease-in-out}.card-container{margin-left:0;padding-left:0;display:flex;align-items:center;justify-content:center;gap:5%;flex-wrap:wrap}.card-carousel{display:flex;transition:transform .5s ease-in-out}.carousel-tape{display:flex}.carousel-container{width:90%;margin:0 auto;overflow:hidden;position:relative;display:flex;align-items:center}.search-input{display:block;width:80%;max-width:400px;margin:20px auto;padding:10px;font-size:16px;border:2px solid #ccc;border-radius:5px}.auth-container{font-family:Chakra Petch,Lucida Sans,Lucida Sans Regular,Lucida Grande;display:flex;flex-direction:column;align-items:center;justify-content:center;height:20rem;text-align:center}.auth-container h2{padding-bottom:0rem;margin:0rem;font-size:1.2rem;color:var(--border-blue)}.auth-container table{border-collapse:separate;border-spacing:10px}.auth-container input{font-family:Chakra Petch,Lucida Sans,Lucida Sans Regular,Lucida Grande;width:200px;border:3px solid #c61e94bd;box-shadow:.18em -.2em #0b75ccc0,-.18em .2em #fff703ea;border:none;border-radius:5px;height:3rem;margin:.3rem;padding-left:1rem;font-size:1.1rem}.classlist-background{background-color:#f8f6e4;border:3px solid #1f59ce;box-shadow:.3em .5em #307ea0,.2em -.25em #9a11d0db;border-radius:1%}.dialog.visible{padding:1em;width:max-content;height:min-content;background-color:#123341f7;overflow:auto;max-width:80vw;max-height:70vh;color:#ffc9f7;font-size:1.2rem;box-shadow:.15em .16em #fb02e6e2,-.17em .25em #fff703ea,.25rem -.17rem 0 var(--hover-blue);transition:all .8s ease-in-out;z-index:var(--front-zindex);padding:.5rem 4rem;margin:1rem auto;justify-content:center;text-align:center;border-radius:8px}.background{display:flex;width:100vw;height:100vw;position:fixed;top:0;left:0;z-index:var(--front-zindex)}.background.visible{display:flex;background-color:#1522169b}.hidden{display:none}.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)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.carousel-wrapper{position:relative;width:100%;overflow:hidden;margin:1em 0}.carousel-container{overflow-x:auto;scroll-behavior:smooth;justify-content:center}.carousel-tape{display:flex;gap:1em;padding:1em;width:100%}.deck-card-wrapper{flex:0 0 auto;width:250px}.deck-card{background:#f8f9fa33;border:3px solid #0b75ccc0;padding:1em;border-radius:8px;text-align:center;overflow:hidden;height:9em;cursor:pointer}.deck-card:hover{color:var(--hover-blue);border-color:var(--hover-blue);box-shadow:.11em .12em #fb02e6e2,-.12em .2em #fff703ea;transition:color .3s ease-in-out}.focused-deck{box-shadow:.15em .18em #fb02e6e2,-.17em .35em #fff703ea;transition:color .3s ease-in-out}.dialog-background{justify-content:center;align-items:center;background-color:#000a;width:100vw;height:100vh;position:fixed;top:0%;right:0%;z-index:var(--front-zindex);display:flex}.dialog.visible input{border:none;border-radius:5px;height:3rem;margin:1rem;padding-left:1rem;font-size:1.1rem;background-color:#ffe9ff3d;color:#fff}.password-input{border:none;border-radius:5px;height:2.6rem;margin:.3rem;padding-left:1rem;font-size:1.1rem;color:#fff}.dialog.visible input :focus{box-shadow:.11em .12em #fb02e6e2,-.12em .2em #fff703ea}.toggle-edit-box{position:fixed;bottom:5.5rem;left:1.5rem;font-family:Chakra Petch;font-size:1.2em;flex-wrap:wrap;font-weight:500;margin:1.5em;padding:0 .2rem}.side-card-box{position:fixed;bottom:3.2rem;left:1.5rem;font-family:Chakra Petch;font-size:1.2em;flex-wrap:wrap;font-weight:500;margin:1.5em;padding:0 .2rem}.info-wrapper{position:fixed;bottom:10rem;left:3.3rem;display:flex;flex-direction:row;background-color:#0000003d;border-radius:20px;padding:0rem}input[type=checkbox]:checked,input[type=radio]:checked{border:3px solid rgba(255,247,3,.918);box-shadow:.28em -.2em #c61e94bd,-.28em .2em #0b75ccc0;transition:shadow .3s ease-in-out}.import-label{border-radius:8px;border:2.8px solid #2D728F;padding:.5em 1em;color:#2d728f;background-color:none;cursor:pointer;transition:color .3s ease-in-out;font-family:Chakra Petch;font-size:1.2em;flex-wrap:wrap;font-weight:500;margin:1.5em;display:block}.import-label:hover{border-color:#2b99b7;text-shadow:.04em -.05em 0 #ab2468d7;color:var(--hover-blue);transition:color .3s ease-in-out}.feature-box{display:flex;flex-direction:row;justify-content:space-around}.notification{position:fixed;top:2em;margin:1rem auto;padding:1rem 2rem;color:#e3dae2;font-size:1.2rem;display:flex;justify-content:center;text-align:center;background-color:#123341f7;padding:.5rem 4rem;border-radius:8px;min-height:2em;min-width:6rem;overflow:auto;max-width:100%;cursor:pointer;box-shadow:.15em .16em #fb02e6e2,-.17em .25em #fff703ea,.25rem -.17rem 0 var(--hover-blue);transition:all .8s ease-in-out;font-family:Chakra Petch;z-index:var(--front-zindex);flex-direction:column}.notification-container{z-index:var(--front-zindex);position:fixed;top:0;padding-top:1em;left:0;right:0;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}.notification-container.confirm{background-color:#000a}.revision-dialog-background{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--mid-zindex)}.revision-dialog{background:#fff;padding:2em;border-radius:8px;text-align:center;max-width:400px;width:90%}.fixed-timer-panel{position:fixed;right:2em;bottom:10rem;margin:1rem auto;padding:1rem 2rem;color:#e3dae2;font-size:1.2rem;display:flex;justify-content:center;text-align:center;background-color:#123341f7;padding:.5rem 4rem;border-radius:8px;min-height:2em;min-width:6rem;overflow:auto;max-width:100%;cursor:pointer;box-shadow:.15em .16em #fb02e6e2,-.17em .25em #fff703ea,.25rem -.17rem 0 var(--hover-blue);transition:all .8s ease-in-out;font-family:Chakra Petch;z-index:var(--front-zindex);flex-direction:column}.home-img{background-image:url(/assets/redpanda-pink-B2AMNXhb.png);background-size:cover;background-position:center;height:400px;width:400px;position:absolute;left:0;top:-7.5rem;z-index:var(--front-zindex);opacity:.85}.home-img-container{position:relative;width:90%}.cards-img{background-image:url(/assets/racoon2-Ca962EyJ.png);background-size:cover;background-position:center;height:600px;width:370px;position:absolute;left:5rem;top:10rem;opacity:.99}.tests-img{background-image:url(/assets/meerkat-CZgCcRIj.png);background-size:contain;background-position:center;height:600px;width:320px;position:absolute;left:0rem;top:11rem;opacity:.86}.revision-buttons-wrapper{display:flex;flex-flow:row nowrap;width:100%;align-content:center;justify-content:space-around}.login-inner-wrapper{display:flex;flex-direction:column;width:auto;justify-content:center;align-items:center}.badges-home-block{background-color:#f6c7ff4f;border-radius:10px;margin:.7rem 8rem;padding:1rem;color:#090107;align-items:center;display:flex;flex-direction:row;justify-content:space-around;opacity:.6}.badge-icon{width:4rem;height:4rem}.badge-li{display:flex;justify-content:center;align-items:center}.card-view-selector{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;background-color:#ffffff14;padding:.3rem .2rem;margin:2rem;border-radius:5px;width:auto}.number-input-wrapper{border:none;border-radius:5px;height:2.6rem;width:210px;margin:0 auto;padding-left:1rem;font-size:1.1rem;color:#fff;background-color:#ffe9ff3d}.number-input{background:none;width:100%;margin:0;padding:0;height:100%;border:none;font-size:1.2rem}.number-input:focus{border:none;box-shadow:none;outline:none}.info-wrapper-test{display:flex;flex-direction:row;justify-content:center}@media (max-width: 1432px){h1{margin:0;font-size:12rem}body{padding-left:0%;padding-right:0%;padding:.7rem 3rem;padding-right:200px;align-content:center;justify-content:center}.creating-button{font-size:1em}.password-input{width:200px}.profile-block{padding:1rem;width:550px;margin:1rem auto}.friend-wrapper .profile-block{margin:0rem;width:250px;padding:.5rem}.friend-wrapper{justify-content:space-between;width:calc(550px + 2rem);margin:0 auto}.cards-img{height:500px;width:300px}.carousel-container{gap:1em;padding-left:5rem;padding-right:5rem;width:800px}.cards-img{height:500px;width:300px;left:1rem;top:15rem;opacity:.5}.home-img{height:300px;width:300px;top:-4.5rem}.tests-img{height:400px;width:200px;left:1rem;top:5.5rem}}@media (max-width: 1232px){.carousel-container{width:630px}.home-img{height:300px;width:300px;top:-4.5rem}}@media (max-width: 1000px){h1{margin:0;font-size:9rem}body{padding-left:0%;padding-right:0%;padding:.1rem}.creating-button{font-size:1em}.password-input{width:200px}.profile-block{padding:1rem;width:550px;margin:1rem auto}.friend-wrapper .profile-block{margin:0rem;width:250px;padding:.5rem}.friend-wrapper{justify-content:space-between;width:calc(550px + 2rem);margin:0 auto}.dialog.visible{width:400px}.dialog.visible h2{font-size:2rem}.dialog-butt{min-width:2rem;max-width:3rem;min-height:1.2rem;padding:.3rem 6rem}.navbar{display:none}.bot-navbar{display:flex}.cards-img{height:350px;width:200px;top:200px}.home-img{height:300px;width:300px;top:-4.5rem}.tests-img{height:300px;width:150px;left:1rem;top:15rem}.carousel-container{width:auto;padding:0rem;margin:3.3rem}.classlist-background{width:100vw;margin:3.3rem;padding:0rem;width:auto}dialog.visible h2{font-size:1.4rem}}@media (max-width:800px){.carousel-container{width:auto}h2{font-size:1.4rem}dialog.visible h2{font-size:1.2rem}}@media (max-width: 610px){.info-wrapper{left:0%;bottom:14rem}.toggle-edit-box{left:0%;font-size:1rem;flex-wrap:wrap;font-weight:500;margin:.4rem;padding:0 .2rem;max-width:80px}.badges-home-block{display:none}.side-card-box{bottom:8.8rem;left:0%;font-size:1rem;flex-wrap:wrap;font-weight:500;margin:.4rem;padding:0 .2rem;max-width:80px}h1{margin:0;font-size:5.8rem}h2{font-size:1.2rem}h2{font-size:1.4rem}body{padding-left:0%;padding-right:0%;padding:0 .1rem;align-content:center;justify-content:center}.creating-button{font-size:1em}.password-input{width:200px}.profile-block{padding:1rem;width:310px;margin:1rem auto}.friend-wrapper .profile-block{margin:.5rem 0rem;width:calc(310px + 1rem);padding:.5rem}.friend-wrapper{justify-content:space-between;width:calc(310px + 2rem);margin:0 auto;flex-direction:column}.navbar{width:0}.cards-img{height:110px;width:60px;top:200px;left:20px}.home-img{height:110px;width:110px;top:-1.8rem}.tests-img{height:150px;width:80px;top:13rem}.carousel-container{width:auto;padding:0rem;margin:3.3rem}.classlist-background{margin:3.3rem;padding:0rem;width:auto}.dialog.visible{width:auto;height:min-content;margin:2.8rem;padding:1rem}.dialog.visible input{width:70%}.dialog.visible table{max-width:320px}.dialog-butt{max-width:2rem;min-width:1.2rem;padding:.1rem 25%}.dialog-buttons{max-width:300px}}@media (max-width: 450px){body{padding:0}#root{padding:0%}.carousel-container{width:auto;padding:0rem;margin:1.4rem}.classlist-background{margin:1.4rem;padding:0rem;width:auto}}