@font-face{font-family:Waffle;src:url(/assets/waffle-D3D4xsOe.otf) format("opentype");font-weight:400;font-style:normal}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-main: #222;--bg-secondary: #454545;--text-main: #dedede;--text-secondary: #898989;--sml: #4695d6;--sml-transparent: rgba(70, 149, 214, .3)}@font-face{font-family:Waffle;src:url(/assets/waffle-D3D4xsOe.otf)}body{overflow-x:hidden;background-color:var(--bg-main);color:var(--text-main);font-size:16px}h1,h2,h3,h4,h5,p{margin:20px}h1{font-size:48px}h2{font-size:32px}h3{font-size:24px}p{font-size:16px;margin:0}i{color:#4695d6;font-style:normal}a{color:var(--text-secondary);text-decoration:none;pointer-events:all;transition:.2s ease}a:hover{cursor:pointer;color:var(--sml)}button{margin:20px 10px;padding:10px;font-size:20px;color:var(--text-main);background-color:var(--bg-secondary);border:none;border-radius:max(1vw,1vh);transition:.3s ease}button:hover:not(.disabled){cursor:pointer;transform:scale(1.1)}select{margin:20px 10px;padding:10px;font-size:20px;color:var(--text-main);background-color:var(--bg-secondary);border:none;border-radius:max(1vw,1vh);transition:.3s ease;width:500px}label{margin:20px 10px;padding:10px;font-size:20px;color:var(--text-main)}input{margin:20px 10px;padding:10px;font-size:20px;color:var(--text-main);background-color:var(--bg-secondary);border:none;border-radius:max(1vw,1vh);transition:.3s ease;width:500px}input:focus{background-color:#ddd;color:#000;box-shadow:0 0 1.5vmin var(--sml);outline:none}.disabled{background-color:#d9544d}.welcomeElement h1{display:flex;align-items:center;justify-content:center;text-align:center}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.centerAlign{display:flex;align-items:center;justify-content:center;text-align:center}.evenSpacing{justify-content:space-around}.container{width:100vw;min-height:85vh}.fullHeight{min-height:100vh}.formGroup{margin:1vh 1vw}.resetMargin{margin:0}.logo{font-family:Waffle,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.hoverPointer:hover{cursor:pointer;transform:scale(1.1);transition:.3s ease}.nav{display:flex;flex-direction:row;align-items:center;justify-content:space-around;position:absolute;top:2vh;height:10vh;width:100vw}.mobileOnly{display:none}.computerOnly{display:block}@media (max-width: 600px){.mobileOnly{display:block}.computerOnly{display:none}select{margin:20px 10px;padding:10px;font-size:20px;color:var(--text-main);background-color:var(--bg-secondary);border:none;border-radius:max(1vw,1vh);transition:.3s ease;width:75vw}label{margin:20px 10px;padding:10px;font-size:20px;color:var(--text-main)}input{margin:20px 10px;padding:10px;font-size:20px;color:var(--text-main);background-color:var(--bg-secondary);border:none;border-radius:max(1vw,1vh);transition:.3s ease;width:70%}input:focus{background-color:#ddd;color:#000;box-shadow:0 0 1.5vmin var(--sml);outline:none}.filters{margin:0;padding:0}}.listpage .title{margin:5vh 0vw}.listpage .sub{width:70vw}.filters select{width:20vw}.createTeam{position:absolute;top:100px;right:30px}.teamCard{width:100%;max-width:80vw;padding:2vh 1vw;text-align:left;background-color:var(--bg-dark);border-bottom:var(--bg-main) 4px solid}.teamCard.warning .title{color:#d64646}.teamCard.clear .title{color:#46d646}.teamCard:first-of-type{border-top-left-radius:2vw;border-top-right-radius:2vw}.teamCard:last-of-type{border-bottom-left-radius:2vw;border-bottom-right-radius:2vw}.teamCard h2,h3{margin:.3vh .2vw}.teamCard .title{display:flex;flex-direction:row;width:100%;padding:.3vh .1vw;margin:0;align-items:center;text-align:left;-webkit-user-select:none;user-select:none;cursor:pointer;border-bottom:.2vw solid var(--sml);transition:.2s ease}.teamCard .title .edit{margin-left:auto;margin-top:1vh;justify-self:flex-start}.teamCard .title h2{margin-right:.4vw;font-size:max(1.5vw,2vh)}.teamCard .dropdown{padding:.4vh .2vw;margin-bottom:.6vh;overflow:hidden;transition:height .4s ease}.teamCard .content{padding:5vh 3vw}.teamCard .profile{display:flex;flex-direction:row;justify-content:start;align-items:center}.teamCard .profile img{width:150px;height:150px;border-radius:100%;object-fit:cover}.teamCard .profile .desc{font-style:italic}.teamCard .members .member{max-width:400px;margin-right:100px}.memberCardContainer{display:flex;flex-wrap:wrap;margin-top:3vh;margin-bottom:3vh;width:90vw}.memberCard{width:45%;max-width:80vw;margin:1vh 1vw;padding:2vh 1vw;text-align:left;background-color:var(--bg-dark);border-bottom:var(--bg-main) 4px solid}.memberCard.warning .title{color:#d64646}.memberCard h2,h3{margin:.3vh .2vw}.memberCard .title{padding:.3vh .1vw;margin:0;align-items:center;text-align:left;-webkit-user-select:none;user-select:none;cursor:pointer;border-bottom:.2vw solid var(--sml);transition:.2s ease}.memberCard .title h2{margin-right:.4vw;font-size:max(1.5vw,2vh)}.memberCard .dropdown{padding:.1vh .2vw;margin-bottom:.6vh;overflow:hidden;transition:height .4s ease}.memberCard .content{padding:3vh 3vw}.teacherCard{width:400px;height:150px;border-radius:10px;margin:10px;text-align:left;color:var(--bg-main);background-color:var(--text-main)}.teacherCard h3{margin:20px 10px 10px}.teacherCard h4{margin:10px}.teacherCard.notConfirmed{background-color:#fdd}@media (max-width:600px){.createTeam{position:absolute;top:10vh;right:1vw}}.item{margin:1vh 1vw}.pfp{width:15vw;height:15vw;border-radius:100%}.logoutButton{cursor:pointer}.logoutButton:hover{color:#d64646}.memberAmtSelector{font-size:32px;margin:10px 30px;cursor:pointer;background-color:#0000}:root{--default-anim-duration: 1.5s}@keyframes fade-in{0%{opacity:0}20%{opacity:0}to{opacity:1}}@keyframes fade-out{60%{opacity:1}to{opacity:0}}@keyframes fade-in-bottom{0%{opacity:0;transform:translateY(10vh)}20%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-bottom{60%{opacity:1}to{opacity:0;transform:translateY(10vh)}}@keyframes fade-in-top{0%{opacity:0;transform:translateY(-10vh)}20%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-top{60%{opacity:1}to{opacity:0;transform:translateY(-10vh)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(-10vw)}20%{opacity:0}to{opacity:1;transform:translate(0)}}@keyframes fade-out-right{60%{opacity:1}to{opacity:0;transform:translate(-10vw)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(10vw)}20%{opacity:0}to{opacity:1;transform:translate(0)}}@keyframes fade-out-left{60%{opacity:1}to{opacity:0;transform:translate(10vw)}}.animationStart{opacity:0}.fadeInBottom{-webkit-animation:fade-in-bottom 1.5s ease-in-out both;animation:fade-in-bottom 1.5s ease-in-out both}.fadeInTop{-webkit-animation:fade-in-top 1.5s ease-in-out both;animation:fade-in-top 1.5s ease-in-out both}.fadeInRight{-webkit-animation:fade-in-right 1.5s ease-in-out both;animation:fade-in-right 1.5s ease-in-out both}.fadeInLeft{-webkit-animation:fade-in-left 1.5s ease-in-out both;animation:fade-in-left 1.5s ease-in-out both}.elementSeries.absPos>*{position:absolute}.elementSeries.fadeIn>*:not(.animationStart){-webkit-animation:fade-in var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both;animation:fade-in var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both}.elementSeries.fadeIn .stay{-webkit-animation:fade-in var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both;animation:fade-in var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both}.elementSeries.fadeTopToBottom>*:not(.animationStart){-webkit-animation:fade-in-top var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out-bottom var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both;animation:fade-in-top var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out-bottom var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both}.elementSeries.fadeTopToBottom .stay{-webkit-animation:fade-in-top var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both;animation:fade-in-top var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both}.elementSeries.fadeBottomToTop>*:not(.animationStart){-webkit-animation:fade-in-bottom var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out-top var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both;animation:fade-in-bottom var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out-top var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both}.elementSeries.fadeBottomToTop .stay{-webkit-animation:fade-in-bottom var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both;animation:fade-in-bottom var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both}.elementSeries.fadeLeftToRight>*:not(.animationStart){-webkit-animation:fade-in-left var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out-right var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both;animation:fade-in-left var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out-right var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both}.elementSeries.fadeLeftToRight .stay{-webkit-animation:fade-in-left var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both;animation:fade-in-left var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both}.elementSeries.fadeRightToLeft>*:not(.animationStart){-webkit-animation:fade-in-right var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out-left var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both;animation:fade-in-right var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both,fade-out-left var(--out-duration, var(--default-anim-duration)) var(--delay-out) ease-in-out both}.elementSeries.fadeRightToLeft .stay{-webkit-animation:fade-in-right var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both;animation:fade-in-right var(--in-duration, var(--default-anim-duration)) var(--delay-in) ease-in-out both}.slideshowPage input{z-index:5}.fadeIn-enter{opacity:0;transform:scale(.9)}.fadeIn-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.fadeIn-enter-done,.fadeIn-exit{opacity:1}.fadeIn-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s;display:none}.fadeIn-exit-done,.slide-leftToRight{opacity:0}.slide-leftToRight-enter{opacity:0;transform:translate(-5vw);display:block}.slide-leftToRight-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.slide-leftToRight-enter-done{opacity:1}.slide-leftToRight-exit{opacity:1;transform:translate(0)}.slide-leftToRight-exit-active{opacity:0;transform:translate(5vw);transition:opacity .3s,transform .3s}.slide-leftToRight-exit-done,.slide-rightToLeft{opacity:0}.slide-rightToLeft-enter{opacity:0;transform:translate(5vw);display:block}.slide-rightToLeft-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.slide-rightToLeft-enter-done{opacity:1}.slide-rightToLeft-exit{opacity:1;transform:translate(0)}.slide-rightToLeft-exit-active{opacity:0;transform:translate(-5vw);transition:opacity .3s,transform .3s}.slide-rightToLeft-exit-done,.slide-topToBottom{opacity:0}.slide-topToBottom-enter{opacity:0;transform:translateY(-5vh);display:block}.slide-topToBottom-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.slide-topToBottom-enter-done{opacity:1}.slide-topToBottom-exit{opacity:1;transform:translate(0)}.slide-topToBottom-exit-active{opacity:0;transform:translateY(5vh);transition:opacity .3s,transform .3s}.slide-topToBottom-exit-done,.slide-bottomToTop{opacity:0}.slide-bottomToTop-enter{opacity:0;transform:translateY(5vh);display:block}.slide-bottomToTop-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.slide-bottomToTop-enter-done{opacity:1}.slide-bottomToTop-exit{opacity:1;transform:translate(0)}.slide-bottomToTop-exit-active{opacity:0;transform:translateY(-5vh);transition:opacity .3s,transform .3s}.slide-bottomToTop-exit-done{opacity:0}