.lessonsWrapper{display:flex;height:100vh;align-items:center;justify-content:center}.lessonsContainer{height:90%;width:70%;background-color:var(--purple);border-radius:.6875rem}.leaderboardContainer{display:flex;flex-direction:column;justify-content:space-between;height:100%}.leaderboardHeader{display:flex;flex-direction:row;align-items:center;height:5rem;background-color:var(--yellow)}.leaderboardHeaderText{color:#fff;text-shadow:0 4px 4px rgba(0,0,0,.25);font-size:2.25rem}.leaderboardBody{height:100%;overflow-y:scroll;display:flex;flex-direction:column;align-items:center}.leaderboardBodyContainer,.leaderboardDataForUserWrapper{height:100%;background-position:50%;background-position-y:top;scroll-snap-type:y mandatory;overflow:hidden;position:relative}.leaderboardText,.leaderboardTextyellow{color:var(--purple);font-family:Londrina Solid;font-size:1.125rem;font-style:normal;font-weight:400;line-height:normal;background-color:#fff;text-align:center;padding:.6rem}.leaderboardTextyellow{background-color:var(--yellow)}.leaderboardHeaderText{color:var(--gold,#ffc700);font-family:Londrina Solid;font-size:1.125rem;font-style:normal;font-weight:400;line-height:normal;text-align:center}.leaderboardDataForUserGrid,.leaderboardGrid{width:80%;display:grid;grid-template-columns:2.5rem auto 30% 15%;grid-gap:1rem;margin-bottom:1rem}.leaderboardDataForUserGrid{padding-top:1rem;border-top:1px solid #fff}.leaderboardDataForUserContainer{display:flex;justify-content:center}.filtersText{color:var(--purple);margin:0 5px}.filterButton,.filtersText{font-family:Londrina Solid;font-size:1.125rem;font-style:normal;font-weight:400;line-height:normal}.filterButton{text-align:center;height:23px;width:60px;color:#fff;background-color:var(--purple);border-radius:.4875rem;cursor:pointer}html{font-size:16px}nav{justify-content:space-between;height:4.0625rem;width:80%}.navWrapper,nav{display:flex;align-items:center;background:#ffc700}.navWrapper{justify-content:center}#logo{width:100%;height:2.8125rem;top:.6875rem;border:.125rem;display:flex;align-items:center}#logo,#logo h3,.color{background:#ffc700}#logo h3{font-family:Londrina Solid;font-size:2rem;font-weight:400;line-height:2.375rem;letter-spacing:0;text-align:left;color:#fff;-webkit-text-stroke:.125rem var(--purple);padding-left:.625rem}#logo img{width:50px;height:2.8125rem}#logo img,#navbar{background:#ffc700}#navbar{display:flex;align-items:center;justify-content:center;width:100%;height:1.1875rem}#navbar .navbarElement{background:#ffc700;list-style:none;padding:0 1.25rem;font-family:Inter;font-size:1rem;font-weight:400;line-height:1.1875rem;letter-spacing:0;text-align:left;position:relative}#navbar .navbarElement a{background:#ffc700;text-decoration:none;color:#2000a0}#navbar #logout a{text-wrap:nowrap;text-decoration:none;color:#c40000}@media screen and (max-width:1000px){nav{width:95%}}