@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{background:#151627;color:#fff;font-family:Inter,sans-serif;height:100%;max-width:100vw;overflow:auto;scroll-behavior:smooth;width:100%}html{overflow-x:hidden}#root,html{height:100%}#root{width:100%}::selection{background-color:#7ffdff;color:#000}.flexbox{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}header{height:60px;line-height:60px;padding:10px 10px 10px 3ch;width:100%}h1{font-size:65px;font-weight:900}h2{font-size:35px;font-weight:300}h3{font-size:25px;font-weight:400}p{font-size:18px;font-weight:300}.inputContainer{max-width:80%}input,option,select,textarea{background-color:initial;border:none;border-bottom:5px solid #5b5b67;color:#fff;font-size:65px;font-weight:900;outline:none;width:100%}option{background-color:#151627;color:#717171;font-size:30px}::placeholder{color:#73737d}button{border:none;cursor:pointer;outline:none}.quiz_wrapper .content{padding:2rem 8rem}.question{background-color:#d9d9d914;border-radius:30px;line-height:1.5;margin-top:30px;padding:4rem}.question h3{color:#fff;font-weight:400;margin-bottom:1em}.question .options{align-items:flex-start;flex-direction:column;text-align:left}.option{position:relative;width:100%}.option label{background-color:#484848;border:2px solid #484848;border-radius:10px;cursor:pointer;display:block;font-size:20px;line-height:1.5;margin-block:.3rem;padding:1.5rem 3rem;text-align:left;transition:.25s;width:100%}.option input[type=radio]{display:none}.attempted.correct~label{background-color:#0c4034;border:2px solid #00ffe0;color:#00ffe0}input[type=radio]:checked.wrong~label{background-color:#311210;border:2px solid #ff3d00;color:#ff3d00}.optionIcon{display:none;position:absolute;right:2em;top:50%;transform:translateY(-50%)}input[type=radio]:checked~.optionIcon{display:block}.reason{color:#00ffe0;font-size:25px;line-height:1.5;margin-top:1rem}.quiz_wrapper .submit{display:flex;justify-content:center;margin-bottom:3rem;width:100%}header{margin-bottom:3rem;position:relative}header .ProfileAvatar{display:none;position:absolute;right:5ch;top:10px}header .Home{position:absolute;right:5ch;top:20px}header h1{font-size:1.5rem;font-weight:100;margin-left:2rem}header h1 .x{font-family:Times New Roman,Times,serif;font-size:1.8rem;font-weight:100}.logo{margin-left:2rem;margin-top:.7rem}.loader-wrapper{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#00000014;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000000}.loader{flex-direction:column;height:100%;width:100%}.spinner{animation:rotate 1.5s linear infinite;border-color:#0000 #fff;border-radius:50%;border-style:solid;border-width:5px;height:75px;margin-bottom:40px;position:relative;width:75px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.roadmap_wrapper .content{padding:5rem;padding-block:3rem}.roadmap_wrapper .topic{justify-content:space-between;margin-bottom:3rem}.topic-bar{background-color:var(--clr);border-left:3ch solid var(--clr);filter:brightness(1.3);margin-block:2rem;padding:4rem 10ch 3rem 7ch;position:relative;transition:.5s;z-index:0}.topic-bar:after{background-color:#151628d4;content:" ";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.topic-bar .week{color:var(--clr);position:absolute;top:.8em}.plus{background-color:initial;border-radius:50%;padding:0;position:absolute;right:3rem;text-align:center;top:3rem;transition:.5s}.subtopics{margin-top:2rem;overflow:hidden;transition:.5s}.subtopic{border-radius:31px;margin-block:2rem;overflow:hidden;padding:3rem 3rem 3.8rem 8rem;position:relative;z-index:0}.subtopic:after{background-color:var(--clr);content:" ";height:100%;left:0;opacity:.13;position:absolute;top:0;width:100%;z-index:-1}.subtopic .number{text-stroke:1px #fff;-webkit-text-stroke:.5px #fff;color:#0000;font-size:90px;font-weight:1000;left:3rem;position:absolute;top:1.5rem}.subtopic .detail{max-width:500px;position:relative}.subtopic .detail h3{padding-right:4.5ch}.subtopic .time{color:var(--clr);position:absolute;right:0;top:0;transform:translateX(100%)}.subtopic .buttons button{background-color:initial;border:2px solid var(--clr);border-radius:500px;color:var(--clr);font-size:18px;font-weight:400;padding:1em 3em;transition:.5s;width:200px}.subtopic .buttons button:hover{background-color:var(--clr);box-shadow:0 0 15px var(--clr);color:#000}.quizButton{background-color:var(--clr)!important;color:#000!important}.quiz_completed{color:#00ffae;padding:1em 0}.resources{gap:2em;height:100%;margin:auto;min-height:300px}.grecaptcha-badge{visibility:hidden!important}.hardness{bottom:10px;cursor:pointer;opacity:.35;position:absolute;right:3em;text-decoration:underline;width:max-content}.res{line-height:1.5;margin-top:2.3em;overflow:auto}.res p{margin-block:2rem}.res-heading{color:#fff;font-size:3rem;font-weight:900;line-height:1.1em;margin-bottom:1.5rem}.resources button{background-color:hsla(0,0%,100%,.253);background-color:initial;border:2px solid #fff;border-radius:30px;color:#fff;font-size:1.4rem;font-weight:700;max-width:90vw;padding:3rem;position:relative;transition:.5s;width:300px}.resources button.primary,.resources button:hover{background-color:#fff;color:#000}.resources button:hover{transform:scale(1.03)}.resources .icon{margin-bottom:1em;width:100%}.modal{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:hsla(0,0%,100%,.123);height:100vh;overflow:auto;position:fixed;width:100vw;z-index:10000}.modal-content{background-color:#090909;border-radius:60px;font-size:1.2rem;font-weight:200;line-height:1.5;margin-block:1em;max-width:90vw;min-height:500px;padding:5rem 4rem 4rem;position:relative;width:850px}button.cross{background-color:initial;position:absolute;right:2rem;top:2rem}.wrapper{height:100%;width:100%}.main{flex-direction:column;padding-top:5rem;width:100%}h2{color:#c7c7c7}.TopicInput{margin-bottom:2rem;margin-top:1rem;position:relative;width:min(900px,90vw)}.TopicInput input{padding-left:2ch;padding-right:1.8ch}.TopicInput .icon{bottom:.5em;left:0;position:absolute}.TopicInput button{background-color:initial;border:none;bottom:1em;outline:none;position:absolute;right:0}h3{font-weight:100}.suggestions{padding:1rem;width:min(900px,90vw)}.suggestions button{background-color:initial}.suggestionPill{background-color:var(--clr);border-radius:500px;color:#000!important;color:#bebebe;filter:brightness(1.5);font-size:20px;font-weight:400;padding-block:.8em;padding-inline:2em;position:relative;transition:.5s}.suggestionPill .arrow{padding-right:5ch;position:absolute;right:1ch;top:50%;transform:translateY(-50%);transition:.5s}.suggestionPill:hover .arrow{padding-right:0}.suggestionPill:hover{padding-left:calc(2em - 1ch);padding-right:calc(2em + 1ch)}.setDetails{padding-top:2.5rem}#timeInput{text-align:right;width:150px}.TimeInput{gap:3ch}.SubmitButton{background-color:initial;border:2px solid #fff;border-radius:500px;color:#fff;font-size:30px;margin-top:1.5em;padding:.5em 3em;position:relative;transition:.5s;z-index:1}.SubmitButton,.SubmitButton:hover{background-color:#fff}.SubmitButton:after{background:conic-gradient(#ff6868,#f0ff91,#00e3a3,#00d0ff,#5142ff,#8f00ff,#fa00ff,#ff006b);height:calc(100% + 4px);left:-2px;top:-2px;width:calc(100% + 4px);z-index:-2}.SubmitButton:after,.SubmitButton:before{border-radius:500px;content:" ";display:block;position:absolute;transition:.5s}.SubmitButton:before{background:#151627;height:100%;left:0;top:0;width:100%;z-index:-1}.SubmitButton:hover:after{filter:blur(20px);height:calc(100% + 16px);left:-7px;top:-7px;width:calc(100% + 16px)}.profile_wrapper{padding-bottom:3rem}.profile_wrapper .info{width:100%}.profile_wrapper .info .avatar{border:2px solid #fff;border-radius:50%;height:200px;object-fit:cover;width:200px}.profile_wrapper .info .text{align-items:flex-start;flex-direction:column;margin-inline:5rem}.profile_wrapper .courses{margin-top:2em;padding:2rem;width:100%}.profile_wrapper .heading{font-weight:700;margin-bottom:2rem;text-align:center}.courses .card{background-color:var(--clr);border-radius:10px;color:#000;cursor:pointer;filter:brightness(1.5);min-height:270px;padding:3rem;position:relative;width:350px}.courses .card .title{font-size:2.1rem;font-weight:900}.courses .card .time{font-size:1.5rem}.courses .card .knowledge_level{font-size:1.2rem;margin-top:2em}.courses .arrow{bottom:4ch;position:absolute;right:3ch}.profile_wrapper .link{text-decoration:none}.progress{padding:2rem;width:100%}progress{accent-color:#000;opacity:.6}.progressContainer{align-items:flex-start;flex-direction:column;gap:3px;justify-content:flex-start;margin-top:2em}.progressContainer label{font-size:16px}.newTopic{margin-block:2em}.newTopic button:after{filter:blur(0);height:calc(100% + 16px);left:-3.5px;top:-2px;width:calc(100% + 8px)}.newTopic button:hover{transform:translateY(8px)}.newTopic button:hover:after{filter:blur(0);height:calc(100% + 8px);left:-3.5px;top:-2px;width:calc(100% + 8px)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-container{border-radius:12px;box-shadow:0 0 10px #0000001a;margin:60px auto;max-width:400px;padding:2rem;text-align:center}.auth-container input{border:1px solid #ccc;border-radius:6px;margin:8px 0;padding:10px;width:100%}.auth-container button{background-color:#08f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px;width:100%}.auth-container .error{color:red;margin-top:8px}
/*# sourceMappingURL=main.eeb4a50c.css.map*/