#root{text-align:center;--background-color: white;--text-color: black}.App{background-color:var(--background-color);display:flex}.flex-row{display:flex;flex-direction:row;align-self:center;align-items:center}.home-page .page-container{width:calc(100vw - 15px)}.page-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column}.header{font-size:65px;line-height:65px;font-weight:700;letter-spacing:-5.5px;color:var(--text-color);margin-top:30px}.header .visible-letters,.header .hidden-letters{display:inline}.header .hidden-letters{visibility:hidden}.search-box{width:50vw;display:flex;align-self:center;padding:1rem;border:5px black solid;border-radius:36px;background-color:#0ff;filter:drop-shadow(10px 10px CornflowerBlue);font-size:24px;font-family:Monaco,monospace;line-height:24px;font-weight:400;letter-spacing:-2px;color:#000}.search-related-button{height:45px;width:45px}.home-page{width:100%;height:100%}.gallery-card-grid{display:grid;grid-template-columns:repeat(auto-fill,17.5rem);grid-gap:5rem 3rem;justify-content:center;padding:2.5% 5% 5%}.gallery-card-grid .card{border:black solid 4px;border-radius:12px;padding:1rem;width:15rem;height:100%;background-color:#0ff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;filter:drop-shadow(10px 10px CornflowerBlue);cursor:pointer}.gallery-card-grid .card .title{font-size:65px;font-weight:500;font-family:Arial,Helvetica,sans-serif;letter-spacing:-5.5px;line-height:50px;color:#000;display:flex;background-color:orange;width:17rem;height:7rem;margin-top:-1rem;padding-bottom:10px;margin-bottom:-55px;justify-content:center;border-bottom:black 4px solid;border-top-left-radius:6px;border-top-right-radius:6px}.gallery-card-grid .card .title .text{display:flex;align-self:center}.gallery-card-grid .card .img-container{height:15rem;width:15rem;display:flex;align-content:center;justify-content:center;margin-top:2rem}.gallery-card-grid .card .img-container .img{width:100%;object-fit:cover;border-radius:20px}.gallery-card-grid .card .card-alt-text{width:100%;height:calc(100% - 10px);justify-content:center;display:flex;flex-direction:column;background-color:orange;padding:5px;border-radius:20px;font-size:25px;font-weight:200;font-family:Arial,Helvetica,sans-serif;letter-spacing:-1.5px;line-height:25px;color:#000;white-space:pre-wrap}.pong-container{height:100vh;width:100vw;position:relative;display:flex;flex-direction:column;background-color:#000;font-family:Monaco,monospace}.pong-container .home-button{position:absolute;top:88vh;left:50%;margin-left:-28px;height:56px;width:56px;border:1px white solid;background-color:var(--background-color);border-radius:56px}.pong-container .home-button button{top:0}.pong-container .game-header{font-size:100px;position:absolute;height:80px;padding-bottom:20px;top:7%;text-shadow:2px 2px greenyellow;align-items:center;align-self:center;display:flex;background-color:#000}.pong-container .game-instructions{font-size:30px;height:30px;position:absolute;padding:10px;top:25%;align-items:center;align-self:center;display:flex;background-color:#000}.pong-container .resume-buttons{font-size:30px;align-items:center;font-size:1.6rem}.pong-container .resume-buttons .start{position:absolute;left:50%;top:50%;height:80px;width:230px;margin-left:-120px;margin-top:-40px;background-color:#000;border:6px white solid;filter:drop-shadow(10px 10px greenyellow)}.pong-container .resume-buttons .loss,.pong-container .resume-buttons .win{position:absolute;left:50%;top:50%;height:120px;width:230px;margin-left:-120px;margin-top:-60px;background-color:#000;border:6px white solid}.resume-buttons .loss{filter:drop-shadow(10px 10px red)}.pong-container .resume-button .win{filter:drop-shadow(10px 10px blue)}.pong-container .paddle{background-color:#fff;height:200px;width:20px;position:absolute}.pong-container .center-line{height:100vh;position:fixed;border:solid white 3px;left:50%;margin-left:-3px}.pong-container .ball{border-radius:50%;background-color:#adff2f;width:30px;height:30px;position:absolute}.pong-container .scoreboard{display:flex;flex-direction:row;position:absolute;width:100vw;top:90vh;font-size:5rem;justify-content:space-around}.pong-container .scoreboard .player-score{text-shadow:2px 2px blue}.pong-container .scoreboard .enemy-score{text-shadow:2px 2px red}.pong-container .countdown-number{font-size:8rem;width:8rem;line-height:8rem;position:relative;top:50%;margin-top:-4rem;left:50%;margin-left:-4rem;text-shadow:white 2px 2px;border:6px white solid;border-radius:2rem;background-color:#000}.header-animation-body{background-color:var(--background-color);height:400vh}.header-animation-body .scroll-down-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-color);font-size:65px;line-height:65px;font-weight:700;letter-spacing:-5.5px}.header-animation-body .animation-canvas{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}.header-animation-body .letter-o-inside,.header-animation-body .letter-o-outside{position:fixed;transform:translate(-50%,-50%)}.header-animation-body .letter-o-inside{background-color:var(--background-color)}.header-animation-body .letter-o-outside{background-color:var(--text-color)}.header-animation-body .animated-letter{position:fixed;transform:translate(-50%,-50%);font-weight:700;letter-spacing:-5.5px;color:var(--text-color)}.header-animation-body .animated-last-name{transform:translate(-50%,-50%);left:20px;position:fixed;color:var(--text-color);font-size:65px;line-height:65px;font-weight:700;letter-spacing:-5.5px}.text-filter-bar{margin-left:36px;margin-right:36px}.tv-card-grid-container{height:100%;flex:2 2 0;display:flex}.tv-card-grid{display:grid;grid-template-columns:repeat(auto-fill,19rem);grid-gap:4rem;justify-content:center;flex:1 1 0;padding:4rem 1rem;border:solid black thick;border-radius:25px;overflow-y:scroll}.tv-card-grid .card{border:black solid 4px;border-radius:12px;padding:1rem;background-color:#0ff;height:12rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;filter:drop-shadow(10px 10px CornflowerBlue);margin-bottom:-2rem;position:relative;top:-2rem}.tv-card-grid .card .card-text{display:flex;flex-direction:column;background-color:orange;border-bottom-right-radius:12px;border-top-right-radius:12px;width:9.75rem;height:12rem;border-top:3px black solid;border-bottom:3px black solid;border-right:3px black solid}.tv-card-grid .card .card-text .title{font-size:1.5rem;font-weight:600;font-family:Monaco,monospace;letter-spacing:-1px;line-height:1.75rem;color:#000;white-space:pre;margin-top:5px;margin-left:5px;margin-right:5px;overflow:hidden;border-bottom:2px solid black;display:flex;flex-direction:row;justify-content:center}.tv-card-grid .card .card-text .title.long{justify-content:flex-start}.tv-card-grid .card .card-text .title .highlighted{color:#0ff}.tv-card-grid .card .card-text .rating{font-size:1.5rem;font-weight:600;font-family:Monaco,monospace;letter-spacing:-1px;line-height:50px;color:#000}.tv-card-grid .card .card-text .favorite-episode{font-size:1rem;font-weight:600;font-family:Monaco,monospace;letter-spacing:-1px;line-height:1rem;white-space:pre;color:#000;margin-left:5px;margin-right:5px;overflow:hidden;text-overflow:ellipsis}.tv-card-grid .card .card-text .comment{font-size:1.5rem;font-weight:600;font-family:Monaco,monospace;letter-spacing:-1px;line-height:50px;color:#000}.tv-card-grid .card .img-container{height:12rem;width:7rem;display:flex;align-content:center;justify-content:center;border:3px black solid;border-bottom-left-radius:12px;border-top-left-radius:12px}.tv-card-grid .card .img-container .img{width:100%;height:100%;object-fit:cover;border-bottom-left-radius:7.5px;border-top-left-radius:7.5px}.tv-ratings .page-title{font-size:65px;line-height:65px;font-weight:700;letter-spacing:-5.5px;color:var(--text-color);margin-top:30px;white-space:nowrap}.tv-ratings .top-level-button-container{margin:3rem 0}.tv-ratings ::-webkit-scrollbar{width:17px}.tv-ratings ::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;border-radius:0 25px 25px 0;background-color:#e10098;border-left:solid black 4px}.tv-ratings ::-webkit-scrollbar-thumb{border-radius:0 25px 25px 0;background-color:#0ff;border-left:solid black 4px}.button-bars-container{display:flex;flex-direction:row;min-height:142px;height:100%;width:100%;margin-bottom:1rem}.buttons-bar{width:100%;display:flex;flex-direction:column;align-items:center}.buttons-bar.sort{max-width:134px}.buttons-bar .label{font-size:1.25rem;line-height:1.25rem;letter-spacing:-1px;font-weight:600;font-family:Monaco,monospace;color:#000;margin-right:1rem;margin-bottom:4px}.buttons-bar .button-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:.5rem;align-items:center;align-content:center;justify-content:center;height:100%;width:90%;padding:8px 0;border:5px black solid;border-radius:25px;overflow-y:auto;flex:1 1 0;align-content:flex-start}.selectable-button{font-size:1.25rem;font-weight:600;font-family:Monaco,monospace;letter-spacing:-1px;line-height:1.25rem;white-space:wrap;color:#000;padding:.5rem;margin-right:5px;margin-left:5px;border:black 3px solid;border-radius:10px;filter:drop-shadow(4px 4px CornflowerBlue)}.selectable-button.unselected{background-color:#0ff}.selectable-button.selected{background-color:#ff4500}.tv-show-data-container{display:flex;flex-direction:row;align-self:center;align-items:center;flex:1 1 0;width:90%;height:1px;margin:0 5% 3rem}.tv-show-data-container .left-side-container{display:flex;flex-direction:column;align-self:center;align-items:center;flex:1 1 0;height:100%;margin-right:1rem}.card .genres-section{display:flex;flex-direction:row;align-self:center;align-items:center;max-width:100%;flex-wrap:wrap;justify-content:center;margin-top:2px;margin-bottom:2px;flex:2}.card .genres-section .genre-chiclet{font-size:1rem;font-weight:600;font-family:Monaco,monospace;letter-spacing:-1px;line-height:1rem;color:#000;padding:.25rem;margin:2px;white-space:pre;border:black 2px solid;border-radius:10px;background-color:#0ff}.genres-diagram-section{display:flex;flex-direction:column;height:100%;width:100%}.genres-diagram-section .label{font-size:1.25rem;font-weight:600;font-family:Monaco,monospace;letter-spacing:-1px;line-height:1.25rem;color:#000;margin-bottom:.5rem}.genres-diagram-section .chord-diagram-container{border:5px solid black;border-radius:25px;display:flex;align-items:center;justify-content:center;height:100%}.maze{display:flex;flex-direction:column}.maze-row{display:flex;flex-direction:row}.maze-tile{position:relative;width:2rem;height:2rem;background-color:#000}.maze-tile .north-path,.maze-tile .east-path,.maze-tile .south-path,.maze-tile .west-path{background-color:#fff;position:absolute}.maze-tile .north-path,.maze-tile .south-path{width:.25rem;height:1.125rem;left:50%;transform:translate(-50%)}.maze-tile .east-path,.maze-tile .west-path{width:1.125rem;height:.25rem;top:50%;transform:translateY(-50%)}.maze-tile .north-path{top:0;border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.maze-tile .east-path{right:0;border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.maze-tile .south-path{bottom:0;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.maze-tile .west-path{left:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.about-me .page-title{font-size:65px;line-height:65px;font-weight:700;letter-spacing:-5.5px;color:var(--text-color);margin-top:30px;white-space:nowrap}.about-me .page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:0px;height:100%}.about-me .links,.about-me .sections{margin-right:10px}.about-me .links,.about-me .sections .about-me-section{background-color:#0ff;border:4px black solid;filter:drop-shadow(10px 10px CornflowerBlue);border-radius:12px}.about-me .page-content .links{height:fit-content;display:flex;flex-direction:row;justify-content:space-evenly;width:calc(100% - 25px);margin-top:30px;margin-bottom:20px}.about-me .page-content .links a{font-size:35px;line-height:60px;font-weight:600;letter-spacing:-3.5px}.about-me .sections{display:flex;flex-direction:row;flex:1 1 0;margin-bottom:30px;margin-right:10px;height:100%}.about-me .about-me-section{display:flex;flex-direction:column;justify-content:flex-start;flex:1;width:fit-content;height:calc(100% - 10px);margin:0 10px}.about-me .school-header,.about-me .music-header,.about-me .hobbies-header{font-size:35px;line-height:35px;font-weight:600;letter-spacing:-3.5px;color:#000;background-color:orange;border-radius:8px 8px 0 0;border-bottom:black 4px solid;padding:10px;z-index:3}.about-me .school{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:100%}.about-me .school .school-image{border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.about-me .school .school-information{display:flex;flex-direction:column;justify-content:center;min-height:0;height:100%;flex:1 1 0;padding:10px;z-index:1;overflow-y:auto}.about-me .school .location-and-time{font-size:25px;line-height:25px;font-weight:500;letter-spacing:-2px;margin-bottom:10px}.about-me .school .student-info,.about-me .school .activities{margin-bottom:10px}.about-me .school .favorite-classes{flex:1 1 0;display:flex;flex-direction:column}.about-me .school .student-info,.about-me .school .activities,.about-me .school .favorite-classes{background-color:#4e2a84d0;border-radius:12px;min-height:0}.about-me .school .student-info .degree,.about-me .school .student-info .major,.about-me .school .activities,.about-me .school .favorite-classes .title{font-size:25px;line-height:25px;font-weight:525;letter-spacing:-2.5px;color:#fff;text-shadow:black 1px 1px;padding:5px}.about-me .school .minor{font-size:20px;line-height:20px;font-weight:400;letter-spacing:-2px;color:#fff;text-shadow:black 1px 1px;padding:0 5px 5px}.about-me .school .major-section{display:flex;justify-content:space-evenly}.about-me .music{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:100%;overflow:hidden}.about-me .music .guitars-image{border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.about-me .music .music-sections{flex:1 1 0;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:0;margin:10px 0}.about-me .music .background,.about-me .music .favorites{display:flex;flex-direction:column;justify-content:space-evenly;z-index:1;background-color:#00000080;border-radius:12px;padding:10px;margin:0 20px}.about-me .music .favorites{margin-top:10px;height:100%}.about-me .music .background .title,.about-me .music .favorites .title{font-size:30px;line-height:30px;font-weight:525;letter-spacing:-3px;color:#fff;text-shadow:black 1px 1px}.about-me .music .background .content{line-height:20px;color:#fff;flex:1 1 0}.about-me .music .favorites .lists,.about-me .school .favorite-classes .classes-section{display:flex;justify-content:space-evenly;padding:0 10px 10px;flex:1 1 0;overflow-y:auto}.about-me .music .favorites .lists .songs,.about-me .music .favorites .lists .artists,.about-me .school .favorite-classes .section{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:5px}.about-me .music .favorites .lists .songs .title,.about-me .music .favorites .lists .artists .title,.about-me .school .favorite-classes .section-title{font-size:20px;line-height:20px;font-weight:450;letter-spacing:-2px;color:#fff;text-shadow:black 1px 1px;margin-bottom:5px}.about-me .music .favorites .lists .songs .song,.about-me .music .favorites .lists .artists .artist,.about-me .school .favorite-classes .class{background-color:#00000080;border-radius:5px;margin-bottom:5px}.about-me .music .favorites .lists .songs .song:last-child,.about-me .music .favorites .lists .artists .artist:last-child{margin-bottom:0}.about-me .hobbies{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:100%;min-height:0}.about-me .hobbies .hobbies-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:5px;flex:1 1 0}.hobby{display:flex;flex-direction:column;justify-content:center;color:#000;padding:5px;height:calc(100% - 10px);width:calc(100% - 10px)}.hobby .hobby-name{font-size:25px;line-height:25px;font-weight:450;letter-spacing:-2px;width:100%}.hobby .image-container{display:flex;justify-content:center;height:100%;width:100%}.hobby img{padding:10px;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:30px;object-fit:cover}.running-stats{display:flex;flex-direction:column;justify-content:space-evenly;margin-top:10px;width:calc(100% - 22px);height:calc(100% - 20px);border:1px black solid;border-radius:20px}.running-stats .stat{white-space:pre-wrap}.hotdogs iframe{width:100%;height:100%;border:none}.hotdogs .home-button{position:absolute;top:92%;right:calc(50% - 20px);background-color:#fff}.chorus,.chorus-homepage{text-align:center;font-family:PT Sans,Roboto,Helvetica,Arial,sans-serif}.chorus .MuiCircularProgress-root{margin:auto}.chorus-homepage button{font-size:calc(10px + 2vmin)}.chorus .flex-col{display:flex;flex-direction:column;align-self:flex-start}.chorus .flex-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.chorus .instructions-text{color:#000;width:50%;align-self:center;margin:20px 0;white-space:pre}.chorus .KeyListener{text-align:center;height:100%;display:flex;justify-content:center;align-items:center}.chorus .header{background-color:#282c34;height:100px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:calc(10px + 2vmin);color:#fff}.chorus .logo{width:150px;margin-left:10px;cursor:pointer}.chorus .row{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;width:100%;height:28px}.chorus .instrument-labels-column{width:99%;margin-right:1%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-end;color:#000}.chorus .instrument-labels-column div{flex:1 1 0}.chorus .instrument-loops-column{display:flex;flex-direction:column;align-items:center;min-width:1024px}.chorus .MIDISounds{display:none}.chorus .beat-button{flex:1;border:none;margin:2px;cursor:pointer;min-width:0px;min-height:0px}.chorus .play-controls{margin-top:50px;margin-bottom:20px}.chorus .play-controls button{margin:0 5px}.chorus .moving-bar-box{border:2px solid grey;width:1024px;margin-bottom:10px;align-self:center;background-color:#fff}.chorus .moving-bar-box .bar{width:4px;height:100%;background-color:#90ee90;position:relative;z-index:2}.chorus .moving-bar-box .measure-bar{width:2px;height:100%;background-color:gray;position:relative;z-index:1}.chorus-homepage .container{background-image:url(../../../Chorus\ Background.jpg);background-size:cover;background-repeat:no-repeat;margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center}.chorus-homepage .cover-div{max-width:300px;padding-top:10px;margin:0 auto;width:90%}.chorus-homepage .cover-div img{width:100%}.chorus-homepage .white-background{width:30%;padding:40px 0 30px;background-color:#fff;border-radius:50px}.chorus .MuiFormControl-root{background-color:#fff}.chorus-homepage .enter-code-form{padding:20px}.chorus-homepage .join-text{padding:10px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:20px;color:#000}#code-chip{width:200px;font-size:20px;margin:10px auto;font-family:PT Sans,Roboto,Helvetica,Arial,sans-serif}.chorus .soloSelector{margin-left:40%;margin-right:40%;margin-top:10px;padding:15px}.noteButton{padding:10px;cursor:pointer;background-color:#eee;border:1px solid black}.noteButton:hover{background-color:#8fbc8f}.note-container{justify-content:center;margin-bottom:20px}.selectedNote{background-color:green}.teacher-connect{font-family: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;-webkit-text-size-adjust:100%;min-height:100vh;height:max(100%,100vh)!important}.teacher-connect a{font-weight:500;color:#646cff;text-decoration:inherit}.teacher-connect a:hover{color:#535bf2}.teacher-connect body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.teacher-connect h1{font-size:3.2em;line-height:1.1}.teacher-connect button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.teacher-connect button:hover{border-color:#646cff}.teacher-connect button:focus,.teacher-connect button:focus-visible{outline:4px auto -webkit-focus-ring-color}.teacher-connect .card{padding:2em}.teacher-connect .read-the-docs{color:#888}.teacher-connect .title{text-align:center;font-size:3rem;line-height:3rem;font-weight:700;cursor:pointer;will-change:filter;transition:filter .3s}.teacher-connect .title:hover{filter:drop-shadow(0 0 1.5rem green)}.teacher-connect .app-container{display:flex;align-items:center;justify-content:center}.teacher-connect .homepage{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:auto 0}.teacher-connect .homepage .welcome-text{font-size:2.5rem;font-weight:700;text-align:center}.teacher-connect .homepage .user-class-buttons{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin-top:2.5rem}.teacher-connect .homepage .user-class-buttons .user-class-button{padding:20px;width:125px;margin:10px;border:none;border-radius:5px;font-size:1.5rem;cursor:pointer;background-color:#e6e6e6;color:#333;transition:all .2s ease-in-out}.teacher-connect .header-row{margin-top:20px;justify-content:center;width:100%}.teacher-connect .header-row .home-button{background-color:#e89137;width:5rem;margin-left:40px}.teacher-connect .header-row .home-button svg{fill:#fff}.teacher-connect .header-row .go-back-btn{margin-right:40px;top:0;right:0;height:3rem;width:5rem;align-content:center;font-size:1.75rem}.teacher-connect .homepage .user-class-buttons .user-class-button:hover{background-color:#ccc}.teacher-connect .teacher-page{display:flex;flex-direction:column;align-items:center;color:#fff;height:100%;width:100%;flex:1 1 0}.teacher-connect .teacher-page .navigation-buttons{display:flex;justify-content:space-around;width:100%;margin-top:2rem}.teacher-connect .teacher-page .navigation-buttons .nav-button{font-size:1.5rem;padding:1rem 2rem;background-color:#424242;color:#fff;border-radius:5px;cursor:pointer;filter:drop-shadow(white 2px 2px)}.teacher-connect .teacher-page .navigation-buttons .nav-button:hover{background-color:#fff;color:#424242}.teacher-connect .teacher-page .list-sections{display:flex;justify-content:space-around;width:100%;height:100%;margin-top:2rem;min-height:0;flex:1 1 0}.teacher-connect .teacher-page .list-sections .list-section{width:30%;background-color:#424242;border-radius:5px;margin:2rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;text-align:left;filter:drop-shadow(white 2px 2px);min-height:0}.teacher-connect .teacher-page .list-sections .list-section::-webkit-scrollbar{width:.5rem;border-top-right-radius:5px;border-bottom-right-radius:5px}.teacher-connect .teacher-page .list-sections .list-section::-webkit-scrollbar-thumb{background-color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.teacher-connect .teacher-page .list-sections .list-section .section-title{padding:1rem;border-radius:5px;font-size:24px;text-align:center;width:100%}.teacher-connect .teacher-page .list-sections .list-section .section-title .add-button{background-color:red;width:36px;border-radius:25%;position:fixed;top:16px;right:1.5rem;cursor:pointer}.teacher-connect .teacher-page .list-sections .list-section .duplicate-button{background-color:#00f;padding:5px;height:fit-content;border-radius:25%;cursor:pointer}.teacher-connect .teacher-page .list-sections .list-section .section-title .add-button:hover{background-color:#ff2929}.teacher-connect .divider{width:100%;border:#242424 solid 2px;margin-bottom:1rem}.teacher-connect .teacher-page .list-sections .list-section .list{display:flex;flex-direction:column;gap:1rem;padding:.5rem;width:80%}.teacher-connect .teacher-page .list-sections .list-section .list .list-item{font-size:1rem;cursor:pointer;display:flex;justify-content:space-between}.teacher-connect .teacher-page .list-sections .list-section .list .list-item>div:hover{color:#ccc}.teacher-connect .graph-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;justify-self:center;height:100%}.teacher-connect .graph-container .graph{display:flex;justify-content:space-between;align-items:flex-end;border-radius:5px;padding:10px 10px 25px;width:fit-content;height:90%;margin-right:5px;border:2px solid white}.teacher-connect .graph-container .graph .bar{width:50px;margin-right:5px;background-color:#4caf50;transition:height .2s ease;position:relative;cursor:pointer}.teacher-connect .graph-container .graph .bar:hover{background-color:#388e3c}.teacher-connect .graph-container .graph .bar.selected{background-color:#e91e63}.teacher-connect .graph-container .graph .bar.selected:hover{background-color:#c2185b}.teacher-connect .graph-container .graph .label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:14px;color:#fff}.teacher-connect .graph-container .students-list{overflow:auto;min-height:0;height:100%;flex:1 1 0;width:100%}.teacher-connect .graph-container .students-list .student,.teacher-connect .graph-container .students-list .concept-link{margin-bottom:6px;padding:6px;background-color:#424242;width:calc(100% - 12px);border-radius:6px}.teacher-connect .lesson-page,.teacher-connect .concept-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.teacher-connect .lesson-page .title-text,.teacher-connect .concept-page .title-text{margin-top:1rem;font-size:1.25rem}.teacher-connect .lesson-page .concept-title,.teacher-connect .concept-page .concept-title{font-size:2rem;margin-bottom:.25rem;text-align:center;font-family:Gill Sans,sans-serif;min-height:2.3rem}.teacher-connect .lesson-page .date-text,.teacher-connect .concept-page .date-text{margin-top:1rem;font-size:1.25rem}.teacher-connect .lesson-page .concept-date,.teacher-connect .concept-page .concept-date{font-size:1.5rem;margin-bottom:2rem;font-family:Gill Sans,sans-serif;text-align:center;height:1.75rem}.teacher-connect .concept-page .explanation{font-size:1.25rem;margin-bottom:1rem;padding:2rem;background-color:#424242;border-radius:1rem;width:90%}.teacher-connect .concept-page .explanation .edit-explanation-textarea{width:100%;height:100px;margin-bottom:10px;padding:5px;box-sizing:border-box;font-size:1.25rem;font-family:Gill Sans,sans-serif}.teacher-connect .student-page .section,.teacher-connect .concept-page .section{width:100%;display:flex;flex-direction:column;margin:2rem;border:2px solid white;padding:5px 5px 25px}.teacher-connect .lesson-page .section{width:100%;display:flex;flex-direction:column;align-items:center;margin:2rem}.teacher-connect .lesson-page .section img{width:100%;height:100%}.teacher-connect .student-page .section .section-text,.teacher-connect .lesson-page .section .section-text,.teacher-connect .concept-page .section .section-text{font-size:1.5rem;width:100%}.teacher-connect .instructions{font-size:1.25rem;width:100%}.teacher-connect .lesson-page .section .section-text{margin-bottom:3rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.teacher-connect .lesson-page .section .section-text .upload-notes{background-color:#424242;width:36px;border-radius:25%;cursor:pointer;margin-left:24px}.teacher-connect .lesson-page .concepts-section-teacher{width:80%}.teacher-connect .concept-page .resources-section-teacher{width:100%;display:flex;flex-direction:column;justify-content:center}.teacher-connect .lesson-page .concepts-section{width:80%;margin-top:1rem;display:flex;flex-direction:column;justify-content:center}.teacher-connect .concept-page .resources-section{width:100%;margin-top:1rem;display:flex;flex-direction:column;justify-content:center}.teacher-connect .lesson-page .concept,.teacher-connect .concept-page .resource-link{display:block;background-color:#424242;border-radius:10px;padding:.5rem;margin-bottom:1rem;cursor:pointer;color:#646cff;font-weight:500}.teacher-connect .lesson-page .concept{flex:1;margin-left:10px;margin-right:10px}.teacher-connect .lesson-page .concept:hover,.teacher-connect .concept-page .resource-link:hover{color:#2f39ff}.teacher-connect .feedback-section{width:100%;height:100%;flex:1 1 0;min-height:300px;display:flex;flex-direction:column;justify-content:center}.resource-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;color:#000;padding:20px;border:1px solid black;border-radius:5px;box-shadow:0 5px 10px #0003;z-index:9999}.resource-popup form{display:flex;flex-direction:column;align-items:center}.resource-popup label{display:flex;flex-direction:column;margin:10px}.resource-popup input,.resource-popup select{padding:5px;margin-top:5px;border:1px solid black;border-radius:3px}.teacher-connect .resource-popup button{margin-top:10px;padding:5px 10px;background-color:#000;color:#fff;border:none;border-radius:3px;cursor:pointer}.teacher-connect .resource-popup button:hover{background-color:gray}.teacher-connect .form-help-groups{display:flex;flex-direction:column;align-items:center;margin:20px}.teacher-connect .form-help-groups .buttons{display:flex;margin-bottom:20px;margin-top:2rem;width:100%;justify-content:space-evenly}.teacher-connect .form-help-groups button{background-color:#424242;border:1px solid black;border-radius:5px;padding:5px 10px;font-size:16px;cursor:pointer;width:200px}.teacher-connect .form-help-groups button.active{background-color:green}.teacher-connect .form-help-groups .time-period{font-size:20px;margin-bottom:20px}.teacher-connect .form-help-groups .groups{display:grid;width:600px;grid-template-columns:repeat(auto-fit,272px);gap:1rem;margin-right:0}.teacher-connect .form-help-groups .group{display:flex;flex-direction:column;justify-content:space-between;background-color:#424242;border:1px solid black;border-radius:5px;padding:10px;margin-bottom:10px;font-size:16px;width:250px}.teacher-connect .form-help-groups .group .group-title{justify-self:flex-start;background-color:#424242;border:1px solid black;border-radius:5px;padding:5px;margin-bottom:10px;font-size:18px}.teacher-connect .student-link{font-size:1rem;cursor:pointer}.teacher-connect .student-link:hover{color:#ccc}.teacher-connect .background-blur{position:fixed;top:0%;left:0%;width:100%;height:100%;z-index:50}.teacher-connect .existing-concept-popup{position:fixed;top:28%;left:38%;width:20%;height:40%;padding:2%;background-color:#fff;color:#000;border:2px black solid;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.teacher-connect .existing-concept-popup .popup-header{font-size:20px;font-weight:700;margin-bottom:10px}.teacher-connect .existing-concept-popup .popup-inner{max-width:500px;padding:20px;border-radius:5px}.teacher-connect .existing-concept-popup .concept-option{padding:10px;margin-bottom:1rem;background-color:#424242;border-radius:10px;cursor:pointer;color:#fff}.teacher-connect .existing-concept-popup .popup-list li button{background-color:#3498db;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.teacher-connect .existing-concept-popup .popup-list li button:hover{background-color:#2980b9}.teacher-connect .go-back-btn{padding:.3rem;background-color:#e89137;width:5vw;position:relative;right:17rem;top:3.35rem}.teacher-connect .go-back-btn:hover{background-color:#424242;color:#fff;cursor:pointer;border-radius:3px}.teacher-connect .tip{position:absolute;padding:.4rem;transition:opacity .4s ease}.teacher-connect .tip-hidden{opacity:0}.teacher-connect .tip-active{opacity:1}.teacher-connect .student-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.teacher-connect .student-page .student-name{font-size:2rem;margin:1rem 0}.teacher-connect .student-page .view-latest-lesson-button{background-color:#4caf50;color:#fff;border:none;border-radius:.5rem;font-size:1.2rem;padding:.75rem 1rem;margin:1rem 0;cursor:pointer;transition:background-color .2s ease-in-out}.teacher-connect .student-page .view-latest-lesson-button:hover{background-color:#388e3c}.teacher-connect .question-section{border:solid 1px black;display:flex;flex-direction:column;background-color:#1a1a1a;margin-bottom:1rem;padding:8px;border-radius:8px}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;user-select:none;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.terror-in-tech{background-color:#000}.terror-in-tech .home-button{background-color:#fff;width:fit-content;position:absolute;top:40px;left:50%;transform:translate(-50%,-50%)}.terror-in-tech .home-button:hover{background-color:#d3d3d3}.terror-in-tech canvas{margin:auto 0}.terror-in-tech .loading-screen{height:100%;display:flex;justify-content:center;align-items:center}.state-management{display:flex;flex-direction:row}.state-management .balloon-container{border:1px solid black;height:calc(100% - 40px);width:calc(100% - 40px);margin:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.state-management .balloon-container .balloon{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.state-management .balloon-container .inputs{color:var(--text-color);background-color:var(--background-color);display:grid;grid-template-columns:auto auto}.state-management .balloon-container .inputs>input{color:var(--text-color);background-color:var(--background-color)}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}