:root{--center-background:#eaeaea;--left-bar-background:#dcdcdc;--left-sections-background:#aab4dc;--right-bar-background:#ddd;--right-sections-background:#aadcb4;--project-link-background:#8d99dd;--project-link-text:#191919;--project-date-text:#c9d0dd;--lessons-chart-link-background:#98a2da;--lessons-recommended-background:#a1a9d8;--left-bar-accent:#7583e1;--left-bar-text-accent:#dde5e8;--badge-details-background:#94d89d;--badge-hover-color:#83d88f;--badge-color:#94d89d;--right-bar-accent:#3eda51;--featured-project-thumb-background:#00000080;--announcement-background:#d9d9d9;--announcement-side-color:#bebebe;--announcement-content-background:#e1e1e1;--announcement-content-text:#4d4d4d;--announcement-date-text:#4d4d4d;--points-progress-bar-background:#cdcdcd;--points-progress-bar-fill:#64d888;--status-display-text:#dfdfdf;--status-display-external:#ea473a;--status-display-not-started:#3a78ea;--status-display-started:#3aea78;--footer-background:#c5c5c5;--footer-text-color:#717171;--badge-size:50px;--share-board-more-button-color:#14a4e3;--share-board-more-button-text-color:#eef9ff;--new-project-popup-background:#b3b9df;--popup-inputs-background:#9da6dd}.nav-shift-fix{height:var(--navbar-height);width:100%}.main-content{max-width:100vw;min-height:100vh;display:flex}.left-bar{background:var(--left-bar-background);flex:1;min-width:350px;max-width:20vw}.center-content{background:var(--center-background);flex-flow:column wrap;place-content:center space-between;align-items:center;width:60vw;display:flex}.right-bar{background:var(--right-bar-background);min-width:350px;max-width:20vw}.navbar-visibility-button{display:none}.bar-section{border-radius:10px;width:90%;margin:5%}.bar-section.short{width:90%;height:20vh;margin:5%}.bar-section.tall{width:90%;min-height:50vh;margin:5%}.footer{background:var(--footer-background);justify-content:center;align-items:center;height:25vh;display:flex}.footer-content{color:var(--footer-text-color)}.footer-content .title{text-align:center;font-size:20px;font-weight:700}.footer-content .sub-title{text-align:center;font-size:13px}.footer-content .links{justify-content:center;display:flex}.footer-content .legal{flex-direction:column;justify-content:center;align-items:center;display:flex}.footer-content a{color:var(--footer-text-color);margin:10px;text-decoration:none}.footer-content a:hover{color:var(--footer-text-color);text-decoration:underline}.projects{background:var(--left-sections-background);flex-direction:column;min-height:50vh;padding-top:3px;display:flex}.lessons{background:var(--left-sections-background);min-height:50vh;padding-top:3px}.bar-title{margin:10px 7px 7px;font-size:2rem}.projects-display{max-height:40vh;overflow:auto}.project-link{margin:10px 7px 7px;display:block}.project-link>a{background:var(--project-link-background);color:var(--project-link-text);border-radius:5px;justify-content:space-between;align-items:center;padding:3px;font-size:1.3em;font-weight:700;text-decoration:none;display:flex}.project-link>a>span{color:var(--project-date-text);font-size:.7em;font-weight:lighter}.project-pages{-webkit-user-select:none;user-select:none;justify-content:space-evenly;align-items:center;font-weight:bolder;display:flex}.project-pages .page-display{font-size:1.2em}.project-pages .arrow{transition:all .1s}.project-pages .arrow:hover{font-size:1.2em}.project-pages .arrow:active{color:#fff}.recommended-lessons{margin:5px;padding-top:10px}.recommended-lessons .title{font-size:1.3em}.lesson-link-wrapper{background:var(--project-link-background);color:var(--project-link-text);border-radius:5px;place-content:center space-between;align-items:center;margin:10px;padding:3px;font-weight:700;text-decoration:none;display:flex}.lesson-link{font-size:.9em}.lessons-chart-link{background:var(--left-bar-accent);text-align:center;color:var(--left-bar-text-accent);border-radius:5px;margin:5px;padding:2px;font-size:1.1rem;font-weight:600}.status-display{color:var(--status-display-text);border-radius:5px;align-self:end;padding-left:3px;padding-right:3px;font-size:.75em}.status-display.external{background-color:var(--status-display-external)}.status-display.not-started{background-color:var(--status-display-not-started)}.status-display.started{background-color:var(--status-display-started)}.new-project-button{background:var(--left-bar-accent);text-align:center;color:var(--left-bar-text-accent);border-radius:5px;margin:10px 7px 7px;padding:2px;font-size:1.1rem;font-weight:600}.right-bar{flex-direction:column;display:flex}.badges{background:var(--right-sections-background);flex-direction:column;justify-content:space-between;height:50vh;display:flex;overflow:clip}.badge-details{background:var(--badge-details-background);flex-direction:column;align-items:center;height:30%;display:flex;overflow:clip}.badge-title{text-align:center;margin:10px 7px 7px;font-size:30px}.badge-info-container{justify-content:space-evenly;align-items:center;padding:5px;display:flex}.badge-name{text-align:center;font-size:1.3em}.badge-info-image{border-radius:8px;width:8vh;height:8vh;margin:5px}.badge-info-desc{width:50%;margin:5px}.badge-rarity{text-align:center;font-size:1.2em;font-weight:600}.badges-display{flex-flow:wrap;place-content:flex-start;height:60%;line-height:0;display:flex;overflow:auto}.badge-wrapper{margin:3px}.badge{width:var(--badge-size);height:var(--badge-size);background:var(--badge-color);border-radius:4px;overflow:clip}.badge>img{width:var(--badge-size);height:var(--badge-size);border-radius:4px}.badge-desc:hover{opacity:1;border-radius:4px}.badge-desc{height:var(--badge-size);width:var(--badge-size);opacity:0;background:var(--badge-hover-color);transition:all .5s;position:relative;transform:translateY(-100%)}.badge-desc-text{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;line-height:10px;display:flex;position:relative}.badge.uncommon,.badge-info-image.uncommon{outline:solid 2px var(--uncommon-rarity-color)}.badge.rare{outline:solid 2px var(--rare-rarity-color)}.badge-info-image.rare{outline:solid 4px var(--rare-rarity-color)}.badge-wrapper.legendary:before{mix-blend-mode:lighten;background:linear-gradient(75deg, #fff0 15%, var(--legendary-rarity-badge-glint) 60%,var(--legendary-rarity-badge-glint) 80%, #fff0 90%);content:"";z-index:99;opacity:.7;width:100%;height:100%;animation:10s linear infinite badge-shine;display:block;position:relative;top:0;left:-1500%}.badge-wrapper.legendary{outline:solid 2px var(--legendary-rarity-color);border-radius:3px;overflow:clip}.badge.legendary{position:relative;top:-100%}.badge-info-image.legendary{outline:solid 4px var(--legendary-rarity-color)}.badge-wrapper.mythic:before{background:linear-gradient(75deg, #fff0 15%, var(--mythic-rarity-badge-glint) 60%,var(--mythic-rarity-badge-glint) 80%, #fff0 90%);content:"";z-index:99;opacity:.7;width:100%;height:100%;animation:10s linear infinite badge-shine;display:block;position:relative;top:0;left:-1500%}.badge-wrapper.mythic{outline:solid 2px var(--mythic-rarity-color);border-radius:3px;overflow:clip}.badge.mythic{position:relative;top:-100%}.badge-info-image.mythic{outline:solid 4px var(--mythic-rarity-color)}@keyframes badge-shine{to{left:125%}}.badge-rarity.common{color:var(--common-rarity-color)}.badge-rarity.uncommon{color:var(--uncommon-rarity-color);-webkit-text-stroke:1px var(--uncommon-rarity-color-dark)}.badge-rarity.rare{color:var(--rare-rarity-color);-webkit-text-stroke:.5px var(--rare-rarity-color-dark);text-shadow:0 0 4px var(--rare-rarity-color-dark);letter-spacing:1px;font-weight:800}.badge-rarity.legendary{color:var(--legendary-rarity-color);-webkit-text-stroke:.5px var(--legendary-rarity-color-dark);text-shadow:0 0 4px var(--legendary-rarity-color);letter-spacing:1px;background:linear-gradient(75deg, var(--legendary-rarity-color) 48%,var(--legendary-rarity-color-glint) 50%,var(--legendary-rarity-color) 56%);text-fill-color:transparent;-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:20s linear infinite shine}.badge-rarity.mythic{color:var(--mythic-rarity-color);-webkit-text-stroke:.5px var(--mythic-rarity-color-dark);text-shadow:0 0 10px var(--mythic-rarity-color);letter-spacing:6px;background:linear-gradient(75deg, var(--mythic-rarity-color) 48%,var(--mythic-rarity-color-glint) 50%,var(--mythic-rarity-color) 56%);text-fill-color:transparent;-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:20s linear infinite shine}@keyframes shine{to{background-position:400%}}.share-board{background:var(--right-sections-background)}.share-board-title{text-align:center;font-size:30px}.share-board-featured-wrapper{justify-content:center;display:flex}.share-board-featured{flex-direction:column;justify-content:center;display:flex}.share-board .heart-icon{color:var(--likes-color)}.share-board .heart-count{color:var(--likes-text-color)}.share-board .star-icon{color:var(--stars-color)}.share-board .star-count{color:var(--stars-text-color)}.share-board .interaction-count{font-weight:700}.share-board-featured iframe{aspect-ratio:1;width:14vh}.share-board .more-wrapper{pointer-events:none;justify-content:flex-end;display:flex;position:relative;top:-1em}.share-board .more-button{pointer-events:auto;background:var(--share-board-more-button-color);color:var(--share-board-more-button-text-color);border-radius:7px;padding:2px 4px}.slides-wrapper{flex-direction:row;justify-content:center;align-items:center;display:flex}.slides-wrapper .slide-arrow{margin:calc(5% - 21px) 5% 5%;font-size:7em}.user{background:var(--right-sections-background);flex-direction:column;display:flex}.username-title{text-align:center;font-size:1.6em}.user-main-content{flex:1}.user-profile-icon{justify-content:center;align-items:center;height:75%;display:flex}.user-profile-img{aspect-ratio:1;border-radius:5px;height:10vh}.user-points-bar-container{justify-content:center;align-items:center;height:10%;display:flex}.user-points-progress-bar{appearance:none;border-radius:100px;width:90%;overflow:clip}.user-points-progress-bar::-webkit-progress-value{background-color:var(--points-progress-bar-fill)}.user-points-progress-bar::-webkit-progress-bar{background-color:var(--points-progress-bar-background)}.timer-bar-container{justify-content:center;align-items:center;height:10%;display:flex}.timer-progress-bar{appearance:none;border-radius:100px;width:90%;overflow:clip}.timer-progress-bar::-webkit-progress-value{background-color:var(--points-progress-bar-fill)}.timer-progress-bar::-webkit-progress-bar{background-color:var(--points-progress-bar-background)}.timer{background:var(--right-sections-background);flex-direction:column;place-content:center space-around;align-items:center;display:flex}.timer-button{background:var(--right-bar-accent);border-radius:5px;padding:5px}.timer-buttons{flex-direction:row;justify-content:space-evenly;width:100%;display:flex}.timer-time-count{font-size:2em}.timer-bar-container{width:100%}.logo-container{flex-direction:column;align-items:center;width:100%;margin-top:3vh;display:flex}.logo-container img{aspect-ratio:1;width:20%}.logo-title{text-align:center;font-size:5rem}.featured-project-wrapper{flex-direction:column;width:60vh;height:calc(60vh + 30px);margin-top:2vh;display:flex}.featured-project-thumb{background:var(--featured-project-thumb-background);flex-direction:column;justify-content:space-around;width:calc(60vh + 1px);height:calc(60vh + 1px);margin-top:-100%;display:flex}.featured-project-thumb.active{display:none}.featured-project-canvas{background:#f0f;height:60vh}.featured-project-bar{width:100%;height:30px}.featured-project-thumb .play-icon{text-align:center;font-size:6em}.featured-project-canvas #featured-exec-frame{border:none;width:100%;height:100%}.announcements-title{text-align:center;font-size:2em}.announcements-pane{padding:5px}.announcement{background:var(--announcement-background);border-left:5px solid var(--announcement-side-color);margin-top:5px;padding:5px}.announcement .title{font-size:1.3em}.announcement .content{background:var(--announcement-content-background);color:var(--announcement-content-text);padding:5px}.announcement .date{text-align:right;color:var(--announcement-content-text);padding:5px;font-size:.8em}.new-project-popup-container{opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.new-project-popup{background:var(--new-project-popup-background);aspect-ratio:7/3;border-radius:10px;flex-direction:column;justify-content:space-between;width:20%;min-width:350px;font-size:1.2rem;display:flex}.inputs-container{flex-direction:column;align-items:center;display:flex}.close-bar{flex-direction:row-reverse;display:flex}.close-bar .close-button{margin:2px 4px 2px 2px}.name-input,.type-select{background:var(--popup-inputs-background);border:none;border-radius:5px;font-size:1.1rem}.button-container{justify-content:center;display:flex}.create-button{background:var(--popup-inputs-background);border-radius:5px;margin:5px;padding:3px}.new-project-popup .title{text-align:center;justify-self:center;font-size:1.5rem}