#body{display:flex;flex-flow:column;width:100vw;height:100vh;background-color:var(--main-color);color:var(--font-1);overflow:hidden}header{flex-grow:0;display:flex;flex-flow:row;justify-content:center;align-items:center;min-width:min-content;min-height:15%}header>h1{color:var(--brand-title);text-shadow:0 0 25px var(--brand-title-glow)}#search-bar{padding-left:20px;margin-left:40px;width:550px;height:50px;border:3.5px dashed var(--search-border);border-radius:20px;font-weight:600;font-size:large}header>button{margin-left:15px;position:relative;min-width:50px;min-height:50px;overflow:hidden;border:3.5px dashed var(--search-border);border-radius:20px}#settings-button>div{position:absolute;top:50%;left:50%;width:25px;height:25px}#settings-button>div>img{position:absolute;top:-50%;left:-50%;width:100%;height:100%}#profile-button{position:relative;overflow:visible}#profile-button>div:first-child{position:absolute;top:27%;left:50%;width:15px}#profile-button>div>img{position:absolute;top:-50%;left:-50%;width:100%}.profile-panel{position:absolute;z-index:10;top:150%;right:0}.profile-panel>.profile-display{position:relative;z-index:11;display:flex;flex-flow:column;align-items:center;height:100%;width:140%;padding:20px;background-color:var(--profile-panel);border-radius:15px;box-shadow:0 10px 35px #0000002b}.profile-panel>.profile-display>h2{margin:20px 0 8px}.profile-panel>.cover{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh}#studies-page{flex-grow:1;display:flex;flex-flow:column;width:100%;min-height:85%;max-height:85%;padding:0 120px 20px}#studies-menu{flex-grow:0;display:flex;flex-flow:row;align-items:center;padding:10px;width:100%;height:50px;background-color:var(--panel-color-1);border:4px solid var(--border-color-1);border-radius:15px}#studies-menu>button{margin-right:5px;padding:3px 20px;border:none;border-radius:5px;font-weight:600}#studies-menu>button:hover{background-color:var(--panel-color-2);color:var(--font-1)}.study-selected{background-color:var(--accent-2);color:var(--accent-font-2)}.study-selected:hover{background-color:var(--accent-1);color:var(--accent-font-1)}#study-overview{position:relative;flex-grow:1;display:flex;flex-flow:row;margin-top:10px;padding:10px;width:100%;height:1px;max-height:100%;background-color:var(--panel-color-1);border:4px solid var(--border-color-1);border-radius:15px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-1) transparent}#overview-page{display:flex;flex-flow:column;align-items:start;justify-content:center;padding:80px;min-width:50%}#overview-page>h1{color:var(--title-2);text-shadow:0 0 25px var(--title-glow-2)}#overview-page>button{margin-top:20px;padding:15px 30px;font-weight:700;font-size:larger;background-color:var(--accent-1);border:none;border-radius:100px;color:var(--accent-font-1);transition:all .1s}#overview-page>button:hover{background-color:var(--accent-2);columns:var(--accent-font-2)}#lessons-menu{padding:70px 100px;min-width:50%;background-color:var(--panel-color-2);border:4px solid var(--border-color-2);border-radius:7px;overflow:scroll;scrollbar-width:none}.lesson-button-wrapper{display:flex;flex-flow:row;min-height:130px}.lesson-button-wrapper>div:first-child{display:flex;flex-flow:column;align-items:center;min-width:50px;min-height:100%}.lesson-button{min-width:50px;min-height:50px;background-color:transparent;border:4px dashed var(--border-color-3);border-radius:15px}.div-lesson-unfinished>hr{height:100%;border:none;border-left:4px dashed var(--border-color-3)}.lesson-button-wrapper>div:last-child{margin-left:20px}.subject-title{padding:5px 10px;font-size:x-small;font-weight:700;background-color:var(--accent-1);color:var(--accent-font-1)}.lesson-button-wrapper>div:last-child>h2{font-size:xx-larger;color:var(--select-title);text-shadow:0 0 25px var(--select-title-glow)}.lesson-button-finished{background-color:var(--panel-color-3);border:4px solid var(--border-color-3)}.div-lesson-finished>hr{height:100%;border:none;border-left:4px solid var(--border-color-3)}#lesson-content{position:relative;width:100%;height:max-content;padding:20px 20%}#lesson-content>*{position:relative;margin:20px 0}#lesson-content p{position:relative;margin:20px 0}#side-button,.hidden-side-area{display:flex;flex-flow:row;position:absolute;padding-right:4%;min-width:max-content;bottom:9px;right:100%}#side-button>button,.hidden-side-area>button{align-self:center;margin-left:10px;padding:5px 20px;background-color:var(--panel-color-2);border:none;border-radius:7px;font-size:small}#side-button>button,#side-button a{background-color:var(--panel-color-2);color:var(--font-1)}#side-button a{text-decoration:none}.hidden-side-area{visibility:hidden;top:9px}#lesson-content>*:hover>.hidden-side-area{visibility:visible}#r-side-button,.r-hidden-side-area{display:flex;flex-flow:row;position:absolute;padding-left:4%;min-width:max-content;bottom:9px;left:100%}#r-side-button>button,.r-hidden-side-area>button{align-self:center;margin-right:10px;padding:5px 20px;background-color:var(--panel-color-2);border:none;border-radius:7px;font-size:small}#r-side-button>button,#r-side-button a{background-color:var(--panel-color-2);color:var(--font-1)}#r-side-button a{text-decoration:none}.r-hidden-side-area{visibility:hidden;top:9px}#lesson-content>*:hover>.r-hidden-side-area{visibility:visible}code{padding:3px 5px;background-color:var(--profile-panel);border-radius:7px}pre>code{border-radius:15px;overflow-y:scroll;scrollbar-width:none}.two-panel{display:flex;flex-flow:row;justify-content:space-between}.two-panel>:first-child,.two-panel>:last-child{flex-grow:1;width:50%}.two-panel>:first-child{margin-right:20px}.panel-bg{display:flex;align-items:center;justify-content:center;padding:40px;border-radius:15px}.panel-bg img{width:100%}.panel-color-1{background-color:var(--panel-color-1)}.panel-color-2{background-color:var(--panel-color-2)}.panel-color-3{background-color:var(--panel-color-3)}pre code.hljs{display:block;overflow-x:auto;padding:20px 50px}code.hljs{padding:3px 5px}.hljs{color:var(--code-font);background:var(--code-bg)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--keyword)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--title-class)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:var(--attribute)}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:var(--string)}.hljs-built_in,.hljs-symbol{color:var(--symbol)}.hljs-comment,.hljs-code,.hljs-formula{color:var(--comment)}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:var(--quote)}.hljs-subst{color:var(-subst)}.hljs-section{color:var(--section);font-weight:700}.hljs-bullet{color:var(--bullet)}.hljs-emphasis{color:var(--emphasis);font-style:italic}.hljs-strong{color:var(--strong);font-weight:700}.hljs-addition{color:var(--addition);background-color:#033a16}.hljs-deletion{color:var(--deletion);background-color:var(--deletion-bg)}.hljs-char.escape_,.hljs-link,.hljs-params,.hljs-property,.hljs-punctuation,.hljs-tag{text-decoration:none}.settings-page{display:flex;flex-grow:1;padding:0 15% 20px;min-height:1%}.settings-panel{display:flex;flex-flow:row;width:100%;max-height:100%;background-color:var(--panel-color-1);border:4px solid var(--border-color-1);border-radius:15px}.setting-list-section{padding:30px;min-width:250px;overflow:scroll;scrollbar-width:none;background-color:var(--profile-panel);border-right:4px solid var(--border-color-1);border-radius:15px 0 0 15px}.setting-list-section>h3{padding-left:10px}.setting-list-section>hr{margin:10px 0;border:2px solid var(--border-color-2)}.setting-list-section>div{display:flex;flex-flow:column}.settings-button{margin-top:3px;padding:7px 20px;background-color:transparent;border:none;border-radius:7px;text-align:left}.settings-button:hover,.settings-button-selected{background-color:var(--panel-color-2)}.the-settings{flex-grow:1;padding:55px 13%;overflow:scroll;scrollbar-width:none}.saved-lessons{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-bottom:10px;padding:20px 40px;background-color:var(--panel-color-2);border-radius:15px}.saved-lessons button{padding:7px 14px;border:none;border-radius:15px;background-color:var(--panel-color-3);color:var(--font-1)}.saved-lessons button:hover{background-color:var(--accent-1);color:var(--accent-font-1)}.profile{display:flex;flex-flow:row;align-items:center;margin-bottom:10px;padding:40px;background-color:var(--panel-color-2);border-radius:15px}.profile>div:first-child{min-width:130px;min-height:130px;background-color:var(--panel-color-3);border-radius:100px;overflow:hidden;position:relative}.profile>div:first-child>img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:130px;max-height:130px}.profile>div:last-child{flex-grow:1;margin-left:25px}.profile-settings{padding:20px 40px;margin-bottom:10px;background-color:var(--panel-color-2);border-radius:15px}.profile-settings>div{display:flex;flex-flow:row;justify-content:space-between}.profile-settings>div:first-child{justify-content:center}.profile-wrapper{margin:0 5px;min-width:120px;min-height:120px;width:120px;height:120px;background-color:var(--panel-color-3);border-radius:100px;overflow:hidden}.profile-wrapper>img{width:100%;height:100%}.profile-selected{background-color:var(--accent-1)}.profile-name{margin-top:40px}.profile-name>input{border:none;text-align:right}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;outline:none;background-color:transparent;color:var(--font-1);box-sizing:border-box}button{cursor:pointer}.dark-mode{--main-color: #2C2C2C;--panel-color-1: #262626;--panel-color-2: #2f2f2f;--panel-color-3: #3B3B3B;--profile-panel: #191919;--search-panel: #00000000;--border-color-1: #343434;--border-color-2: #363636;--border-color-3: #5C5C5C;--profile-border: #191919;--search-border: #4F4F4F;--brand-title: #E1E1E1;--title-1: #E1E1E1;--title-2: #818181;--select-title: #7C7C7C;--brand-title-glow: #e1e1e14e;--title-glow-1: #e1e1e14e;--title-glow-2: #4e4e4e4e;--select-title-glow: #7C7C7C4e;--font-1: #868686;--accent-1: #C84D4D;--accent-2: #5F2D2D;--accent-border-1: #C84D4D;--accent-border-2: #9B3838;--accent-font-1: #E1E1E1;--accent-font-2: #E1E1E1;--code-font: #c9c9c9;--code-bg: #1d1d1d;--code-border: #414141;--keyword: #ff7b72;--title-class: #d2a8ff;--attribute: #79c0ff;--string: #a5d6ff;--symbol: #ffa657;--comment: #8b949e;--quote: #7ee787;--subst: #c9d1d9;--section: #1f6feb;--bullet: #f2cc60;--emphasis: #c9d1d9;--strong: #c9d1d9;--addition: #aff5b4;--deletion: #ffdcd7;--deletion-bg: #67060c;transition:all .2s;color-scheme:dark}.light-mode{--main-color: #FFFFFF;--panel-color-1: #FFFFFF;--panel-color-2: #E3E3E3;--panel-color-3: #FFFFFF;--profile-panel: #FFFFFF;--search-panel: #FFFFFF00;--border-color-1: #E0E0E0;--border-color-2: #CECECE;--border-color-3: #B2B2B2;--profile-border: #00000000;--search-border: #B2B2B2;--brand-title: #000000;--title-1: #5B5B5B;--title-2: #929292;--select-title: #7C7C7C;--brand-title-glow: #00000000;--title-glow-1: #5B5B5B00;--title-glow-2: #92929200;--select-title-glow: #7C7C7C00;--font-1: #727272;--accent-1: #FF6D6D;--accent-2: #FFAAAA;--accent-border-1: #FF6D6D;--accent-border-2: #CD9494;--accent-font-1: #FFFFFF;--accent-font-2: #606060;--code-font: #3b3b3b;--code-bg: #e0e0e0;--code-border: #414141;--keyword: #ff4d40;--title-class: #b067ff;--attribute: #de38ff;--string: #2eb72e;--symbol: #ff7c2b;--comment: #8b949e;--quote: #7ee787;--subst: #c9d1d9;--section: #1f6feb;--bullet: #f2cc60;--emphasis: #c9d1d9;--strong: #c9d1d9;--addition: #aff5b4;--deletion: #ffdcd7;--deletion-bg: #67060c;transition:all .2s;color-scheme:light}