@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Noto+Emoji&family=Space+Grotesk&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{scroll-behavior:smooth}::-webkit-scrollbar{display:none}.app.light{--primary-text:#020303;--primary-searchres-text:#020303;--sub-text:#4f4c4c;--primary-button:#d78b05;--secondary-button:#e9eceb;--primary-background:#f1f3f3;--primary-lobby-background:#f1f3f3;--secondary-background:#fbf6ea;--primary-accent:#131310;--accent-text:#fff;--faqtext:#000;--lobbybg:#f8f8f8;--idebg:#e4e2e2;--searchbar:#e4e2e2;--searchresbg:rgba(215,139,5,.79);--tagbg:#d9d9d9;--formshadow:rgba(0,0,0,.25);--ideborder:#fff;--invertimg:invert(0)}.app.dark{--primary-text:#fff;--primary-searchres-text:#020303;--sub-text:#c3c3c3;--primary-button:#d78b05;--secondary-button:#e9eceb;--primary-background:#333;--primary-lobby-background:#2d2d2d;--secondary-background:#212121;--primary-accent:#212121;--accent-text:#fff;--faqtext:#fff;--lobbybg:#333;--idebg:#333;--searchbar:#bebebe;--searchresbg:#e9e9e9bf;--tagbg:#ed9a08;--formshadow:hsla(0,0%,100%,.25);--ideborder:hsla(0,0%,100%,.4);--invertimg:invert(1)}.landing{align-items:center;background-color:var(--primary-background);display:flex;flex-direction:column;height:70vh;justify-content:space-around;padding:10vh 10vw}.landing img{height:auto;width:50px}.landing h1{-webkit-text-fill-color:transparent;-webkit-animation:slide-in 1.5s ease-in-out forwards;animation:slide-in 1.5s ease-in-out forwards;background:linear-gradient(to right,var(--primary-text) 0,var(--primary-button) 100%);-webkit-background-clip:text;background-clip:text;font-family:monospace;font-size:1.1vw;font-weight:bolder;visibility:hidden}@-webkit-keyframes slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}to{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@keyframes slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}to{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}.redirect{display:flex;gap:3vw}.redirectlink,.welcomemsg{color:var(--primary-text);font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;margin:0;text-decoration:none}.redirectlink:hover{cursor:pointer}.redirectlink:after{background-color:var(--primary-text);content:"";display:block;height:2px;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.redirectlink:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.backenddownmsg{background-color:#c6cccc;border-radius:.5vh;gap:1vw;position:absolute;right:2.5vw;top:10vh;transition:all .5s ease}.backenddownicon{background:#ff4b4b;border-radius:.5vh;padding:0 2.2vw}.landingall::-webkit-scrollbar{display:none}.navbar{align-items:center;background-color:var(--primary-background);display:flex;justify-content:space-between;padding:2.5vh 10vw}#idenav,#lobbynav{background-color:var(--primary-lobby-background)}.navbar img{max-height:5vh;width:auto}.navbar img:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease,-webkit-transform .7s ease}.account{width:20vw}.account,.lobbyacc{align-items:center;display:flex;justify-content:space-evenly}.lobbyacc{gap:2vw}.about{background-color:var(--secondary-background);height:80vh;padding:5vh 10vw}.about h2{color:var(--primary-button);font-family:Monoton,cursive;font-size:3.5vw;font-weight:400}.aboutuscards{align-items:top;display:flex;gap:20px;justify-content:space-between}.about p{color:var(--primary-text);font-family:Space Grotesk,sans-serif;font-size:1.3vw;font-weight:700;line-height:1.5em;width:80%}.card{align-items:center;border:1px solid var(--primary-background);border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2vw;width:20vw}.card,.card img{position:relative}.card img{height:auto;width:25%;z-index:2}#invertimg{-webkit-filter:invert(1);filter:invert(1)}.card h3{color:var(--primary-text);font-size:1.8vw;margin-top:1vh}.card h3,.card p{position:relative;z-index:2}.card p{font-size:1vw;text-align:center}.card:after{background:linear-gradient(180deg,#a0a0a0 -22% -22%,#e89905de 123% 123%);border-radius:20px;bottom:0;content:"";height:0;left:0;position:absolute;transition:height .5s ease;width:100%}.card:hover:after{height:100%}.faq{background-color:var(--primary-background);padding:5vh 10vw 10vh}.faq h2{color:var(--primary-button);font-family:Monoton,cursive;font-size:3.5vw;font-weight:400}.faqlist{align-items:center;display:flex;flex-direction:column;gap:1vh;justify-content:center}.individualfaq{background-color:var(--secondary-background);border:1px solid #000;border-radius:1vw;padding:2vw;width:50vw}.individualfaq p{color:var(--faqtext);font-family:Space Grotesk,Space Grotesk Placeholder,sans-serif;font-size:1.15vw;font-weight:500;letter-spacing:-.025em;line-height:1.5;margin-bottom:0}.faq_question{align-items:center;display:flex;justify-content:space-between}.faq_question h5{font-family:Space Grotesk,Space Grotesk Placeholder,sans-serif;font-size:1.25vw;font-weight:700;letter-spacing:-.025em;line-height:1.5;margin:0}.faq_question h5,.faq_question svg{color:var(--faqtext)}.contact{background-color:var(--primary-accent);border-radius:6px;margin:5vh 10vw;padding:2vh 3vw;width:74vw}.contact h2{font-family:Monoton,cursive;font-size:3.5vw;font-weight:400;margin:2vh auto 2vh 0}.contact h2,.contact h5{color:var(--accent-text)}.contact h5{font-family:Space Grotesk,sans-serif;font-size:1vw;font-weight:700;margin:1vh}.contactinline{align-items:center;display:flex;gap:5px;justify-content:left}.contactinline a{color:var(--accent-text);font-family:Space Grotesk,sans-serif;font-size:1vw;font-weight:700}.contactinline a:hover{background:var(--primary-button)}.githublogo{-webkit-filter:invert(1);filter:invert(1);height:auto;left:calc(100% - 2vw);position:relative;width:2vw}.githublogo:hover{cursor:pointer;-webkit-filter:invert(.5);filter:invert(.5)}.lobbybody{background-color:var(--lobbybg);height:80vh;overflow:scroll;padding:5vh 10vw;width:80vw}.resulttext{align-items:center;display:flex;gap:1vw;margin-left:1vw}.resulttext h2{color:var(--primary-text);font-size:1.8vw}.resulttext h2,.resulttext span{font-family:Space Grotesk,sans-serif;font-weight:700}.resulttext span{color:var(--sub-text);font-size:1.5vw}.search{align-items:center;display:flex;gap:2vw;justify-content:space-between}.searchbar{background-color:#e4e2e2;border:0;border-radius:1vw;font-family:space Grotesk,sans-serif;font-size:2vh;font-weight:700;padding:1vh 1vw;width:70vw}.searchbar:focus{box-shadow:0 0 10px #f3f4f524;outline:none!important}.searchbutton{height:3vh;width:auto}.searchbutton:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.searchres{align-items:left;background-color:var(--searchresbg);border-radius:20px;display:flex;flex-direction:column;height:26vh;margin:0 2vw;padding:2vw;position:relative;width:16vw}.searchres h3{color:var(--primary-searchres-text);font-family:Space Grotesk,sans-serif;font-size:1.5vw;font-weight:700;margin:.2vh auto .5vh 0}.searchresf_row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1vh}.searchresf_row img{background-color:#d9d9d9;border-radius:50%;height:auto;padding:5%;width:15%}.searchresf_row span{color:#464646;font-size:20px}.tags{align-items:center;display:flex;flex-wrap:wrap;gap:1vw}.tags span{background-color:var(--tagbg);border-radius:.5vw;padding:.2vw}.hoverjoin{align-items:center;background-color:#d78a05ac;border-radius:20px;display:flex;height:26vh;justify-content:center;margin-left:-2vw;margin-top:-2vw;padding:2vw;position:absolute;width:16vw}.hoverjoin p{word-wrap:break-word!important;color:#fff;font-family:Monoton,cursive;font-size:2.5vw;font-weight:500;margin:0;text-align:center;word-break:keep-all!important}.searchresult{display:flex;flex-wrap:wrap;gap:2vw;justify-content:flex-start;margin:0 auto;width:76vw}.LSbg{background-color:var(--primary-background);height:80vh;padding:10vh 10vw;width:80vw}.LSform{background-color:var(--searchresbg);display:flex;gap:2vw;height:94%;justify-content:space-between;padding:3%;width:94%}.LSleft{align-items:left;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.LSleft h2{color:var(--primary-accent);font-family:Monoton,cursive;font-size:3.5vw;font-weight:400;margin-top:0}.LSleft span{color:var(--primary-text);font-family:Space Grotesk,sans-serif;font-size:1.3vw;font-weight:700}.LSleft input{font-size:1vw;height:3vh;margin-bottom:2vh;width:20vw}.LSleft input:focus{outline-color:#d78b05}.LSleft button{border:0;border-radius:5px;color:#020303;font-family:Space Grotesk,sans-serif;font-size:1vw;font-weight:700;height:3vh;-webkit-transform:scale(1);transform:scale(1);width:calc(20vw + 2px)}.LSleft button,.LSleft button:hover{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.LSleft button:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}.LSleft h5{font-family:Space Grotesk,sans-serif;font-size:.8vw;font-weight:700;margin-top:2vh;text-align:center}.LSleft a,.LSleft h5{color:var(--primary-text)}.LSleft a:hover{background-color:var(--primary-background)}.LSimgparent{align-items:center;display:flex;justify-content:center}.LSform img{display:block;height:50vw;max-height:100%;max-width:45vw;width:50vw}.cjform{align-items:center;background-color:var(--primary-background);border-radius:15px;box-shadow:0 0 5px var(--formshadow);display:flex;flex-direction:column;gap:1vw;height:50vh;justify-content:center;left:18vw;padding:2vw;position:absolute;top:23vh;width:60vw;z-index:5}.cjform h1{font-family:Monoton,cursive;font-size:3.5vw;font-weight:400;margin-top:0}.cjform h1,.cjform span{color:var(--primary-text)}.cjform span{font-family:Space Grotesk,sans-serif;font-size:1.3vw;font-weight:700}.forminputtext{border-radius:7px;font-size:1vw;height:3vh;margin-bottom:2vh;text-align:center}.forminputtext:focus{box-shadow:0 0 5px 0 var(--formshadow);outline:none}.roomtype{align-items:center;display:flex;gap:1vw;justify-content:center;width:100%}.cjform button{background-color:var(--primary-text);border:0;border-radius:5px;color:var(--primary-background);font-family:Space Grotesk,sans-serif;font-size:1vw;font-weight:700;height:3vh;-webkit-transform:scale(1);transform:scale(1);width:10vw}.cjform button,.cjform button:hover{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.cjform button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.popupX{color:var(--primary-text);cursor:pointer;font-size:2vw;position:absolute;right:2vw;top:3.25vh}.popupX:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.ide{background-color:var(--lobbybg);display:flex;height:90vh;overflow:hidden;width:100vw}.ideleft{height:90vh;width:65%}.ideright{height:90vh;width:35%}.ideinfo{align-items:center;background-color:var(--idebg);border:1px solid var(--ideborder);border-radius:10px;display:flex;height:5vh;justify-content:space-between}.idenavbarright{display:flex;gap:8px}.roomidcopy{align-items:center;display:flex;gap:1vw;justify-content:center;padding:.25vw .5vw}#programminglang,.roomidcopy{background-color:var(--primary-lobby-background);border-radius:10px;margin:.5vw}#programminglang{font-size:14px;height:3vh;width:10vw}#programminglang,.roomidtext{color:var(--primary-text);font-family:Space Grotesk,sans-serif;font-weight:700}.roomidtext{margin:0;text-decoration:none}.copylogo{-webkit-filter:var(--invertimg);filter:var(--invertimg)}#rotate{-webkit-transform:rotateY(1turn);transform:rotateY(1turn);transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}#codeide{border:.5px solid var(--ideborder);border-radius:14px!important}#codeide,.chat{overflow:hidden}.chat{background-color:var(--idebg);border:1px solid var(--ideborder);border-radius:10px;height:90vh}.chat,.message{width:calc(35vw - 2px)}.message{height:calc(85vh - 1.5vw);overflow:scroll}.message::-webkit-scrollbar{display:none}.messageinput{align-items:center;background-color:var(--tagbg);border-radius:10px;display:flex;height:5vh;justify-content:space-between;margin:1vw}.messageinput input{background-color:initial;border:transparent;font-size:16px;height:3vh;margin:1vw}.messageinput input:focus{outline:none}.messageinput img{margin:1vw}.messageinput img:hover{cursor:pointer;-webkit-transform:scale(1.15);transform:scale(1.15);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.msgblock{align-items:flex-start;display:flex;flex-direction:column;overflow-wrap:break-word;padding:1vw 1vw 0}#mymsg{align-items:flex-end}#mymsgcontent{max-width:60%;text-align:right}.msgblock span{color:var(--primary-text);margin:.5vh .5vw}.msgcontent{background-color:var(--tagbg);border-radius:10px;margin:0;max-width:60%;padding:.5vw}.notifsection{position:absolute;right:0;top:10vh}.notif{background-color:var(--primary-button);border-radius:10px;padding:10px;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform 2s ease-out;transition:transform 2s ease-out;transition:transform 2s ease-out,-webkit-transform 2s ease-out;width:10vw}.notif.show{-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform 1.5s ease-in;transition:transform 1.5s ease-in;transition:transform 1.5s ease-in,-webkit-transform 1.5s ease-in}.notif h5{color:#212121;font-family:Space Grotesk,sans-serif;font-size:1vw;font-weight:700;margin:0}.time-bar{-webkit-animation:timeLeft 5s linear;animation:timeLeft 5s linear;background-color:#aaa;border-radius:2.5px;height:5px;margin:0 0 0 auto;text-align:right;width:100%}@-webkit-keyframes timeLeft{0%{width:100%}to{width:0}}@keyframes timeLeft{0%{width:100%}to{width:0}}.react-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;background-color:initial;border:0;cursor:pointer;display:inline-block;padding:0;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{background-color:#4d4d4d;border-radius:30px;height:24px;padding:0;transition:all .2s ease;width:50px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#2f19ab}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#29128d}.react-toggle-track-check{bottom:0;height:10px;left:8px;line-height:.6;margin-bottom:auto;margin-top:auto;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:14px}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{bottom:0;height:10px;line-height:.6;margin-bottom:auto;margin-top:auto;position:absolute;right:10px;top:0;width:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{background-color:#fafafa;border:1px solid #4d4d4d;border-radius:50%;box-sizing:border-box;height:22px;left:1px;position:absolute;top:1px;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .25s ease;width:22px}.react-toggle--checked .react-toggle-thumb{border-color:#19ab27;left:27px}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}@media only screen and (max-width:600px){.redirectlink{font-size:10px}.about{height:auto}.about h2,.contact h2,.faq h2{font-size:8.5vw}.about p{font-size:3.5vw;width:100%}.card{width:60vw}.card img{margin-top:3vw}.card h3{font-size:3.8vw}.card p{font-size:3vw}.aboutuscards{align-items:center;display:flex;flex-direction:column;gap:10vh;justify-content:space-around}.individualfaq{width:80vw}.individualfaq p{font-size:3.5vw}.faq_question h5{font-size:4vw}.contact h5,.contactinline a{font-size:3vw}.githublogo{left:calc(100% - 6vw);width:6vw}}@media only screen and (min-width:601px) and (max-width:960px){.redirectlink{font-size:15px}.about{height:auto}.about h2,.contact h2,.faq h2{font-size:6.5vw}.about p{font-size:2.5vw;width:100%}.card{width:40vw}.card img{margin-top:3vw}.card h3,.individualfaq p{font-size:2.5vw}.card p,.contact h5,.contactinline a{font-size:2vw}.aboutuscards{align-items:center;display:flex;flex-direction:column;gap:10vh;justify-content:space-around}.individualfaq{width:80vw}.faq_question h5{font-size:3vw}.githublogo{left:calc(100% - 4vw);width:4vw}}.popup{background-color:var(--primary-background);border-radius:8px;height:auto;padding:10px;position:absolute;right:37.5vw;top:42.5vh;width:25vw;z-index:1000}.popupheader{color:var(--primary-text)}.popupinner{flex-direction:column;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;height:100%}.popupgithubinfo,.popupinner{align-items:center;display:flex;justify-content:center}.popupgithubinfo{gap:1vw}.popupspan{color:var(--primary-text);font-size:16px;font-weight:600;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.popupinput{margin:2.5vh 0;width:15vw}.popupbutton{background-color:var(--primary-text);border:0;border-radius:5px;color:var(--primary-background);font-family:Space Grotesk,sans-serif;font-weight:700;-webkit-transform:scale(1);transform:scale(1)}.popupbutton,.popupbutton:hover{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.popupbutton:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.tabscollection{max-width:55%;overflow:scroll}.tabs,.tabscollection{align-items:center;display:flex}.tabs{-webkit-touch-callout:none;background-color:var(--tagbg);border-radius:10px;color:var(--primary-text);font-family:Space Grotesk,sans-serif;font-weight:700;height:5vh;justify-content:center;margin:0;padding:0 10px;-webkit-user-select:none;user-select:none}.tabs:hover{cursor:pointer}
/*# sourceMappingURL=main.cad44d4c.css.map*/