*{padding:0;margin:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;color:#fff;font-family:Overpass,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{background-color:#0b1622}@keyframes appear{0%{top:-80px}to{top:0}}@keyframes dissappear{0%{top:0}to{top:-80px}}header{background-color:#151f2e;width:100vw;height:80px;display:flex;align-items:center;position:fixed;animation-duration:1s;animation-iteration-count:1;z-index:50000}header #icon{display:block;float:left;width:65px;margin:0 auto 0 50px}header nav{display:flex;width:fit-content;align-items:center;margin:0 auto}header nav li{display:inline;text-decoration:none;margin:0 40px 0 0;font-size:1.1rem;opacity:.8}header a{text-decoration:none}header a:hover{cursor:pointer}header #search{filter:invert(1);height:30%;margin:0 20px 0 0;float:right}header #search:hover{cursor:pointer}header #userIcon{width:60px;height:60px;margin:auto 30px auto 0}header #userIcon:hover{cursor:pointer}#overlay{display:none;width:100vw;height:100vh;z-index:2;position:fixed;left:0;top:0;background-color:#0006}#searchBar{display:none;width:40%;height:50px;background-color:#151f2e;margin:150px auto 10px;border:0;box-shadow:1px 1px 3px #000;border-radius:15px;padding:0 20px;z-index:10000}#searchBar:focus{outline-width:0}#notFound{display:none;color:red;font-size:1.3rem;text-align:center;background-color:#151f2e;width:fit-content;padding:10px 15px;border-radius:30px;margin:0 auto}@media only screen and (max-width: 1300px){#searchBar{width:80%}}@media only screen and (max-width: 550px){header #icon{display:none}header nav{margin-left:30px}header nav li{overflow:visible;font-size:.8rem}}#siteInfo{height:100vh;width:100vw;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}#siteInfo p{margin:0 30px;text-align:center;font-size:4rem;font-weight:700;line-height:.7;overflow:visible}#siteInfo p span{font-size:1.5rem;font-weight:100}@media only screen and (max-width: 650px){#siteInfo p{font-size:2rem}#siteInfo p span{font-size:1rem}}@media only screen and (max-width: 400px){#siteInfo p{font-size:1.5rem}#siteInfo p span{font-size:1rem}}#loading{height:100vh;width:100%;display:flex;align-content:center;flex-wrap:wrap;justify-content:center}#loading p{width:100%;margin:10px 0;text-align:center}@keyframes loadingWheel{0%{rotate:0deg}50%{rotate:180deg}to{rotate:360deg}}#loadingWheel{width:50px;height:50px;border:solid 4px white;border-radius:30px;rotate:deg;overflow:hidden;rotate:0deg;animation-name:loadingWheel;animation-duration:2s;animation-iteration-count:infinite}#loadingBall{color:transparent;background-color:#fff;border-radius:50px;border:solid 4px white;width:5px;height:5px;margin:18px 3px}#userHeader{width:100%;height:400px;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;background-color:#000}#userHeader #overlay2{width:100%;height:100%;background-color:#0000004d;display:flex;align-items:end}#usernameAndUpdated{width:175px;display:flex;flex-wrap:wrap;justify-content:center}#usernameAndUpdated h3{font-size:1.5rem;margin-bottom:30px;height:fit-content;float:left;text-align:center}#lastupdated{margin-bottom:10px;text-align:center;width:150px;display:none;font-size:1rem;position:relative;overflow:visible;background:#151f2e;border-radius:.4em;font-weight:100;line-height:2;opacity:.7}#bold{padding:5px 17%;margin-bottom:auto;border-radius:.4em .4em 0 0;background-color:#000510}#lastupdated:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:20px solid transparent;border-top-color:#151f2e;border-bottom:0;margin-left:-20px;margin-bottom:-20px}#userHeader #avatar{margin:0 75px}#userHeader #update{margin:0 50px 20px auto}#userHeader #me{margin:0 50px 20px 0}#userHeader button{font-size:1.1rem;padding:5px 15px;border:0;border-radius:5px;box-shadow:1px 1px 1px transparent}#userHeader button:hover{cursor:pointer;box-shadow:0 0 1px transparent}#userHeader button:active{cursor:progress}#badgeFilter{width:100%;height:50px;background-color:#151f2e;display:flex;justify-content:center;align-items:center}.options{display:inline;margin:0 50px}.options:hover{cursor:pointer}#levelInfo{width:85%;height:150px;background-color:#151f2e;border-radius:10px;margin:40px 70px;display:flex;align-items:end;flex-wrap:wrap}#level{font-size:5rem;font-weight:600;margin:0 20px;float:left;overflow-x:visible;padding:0}#xp{font-size:2rem;font-weight:10;margin:90px 10px 11px auto;overflow-x:visible}#xp span{font-size:1.1rem}#xpMeter{width:100%;height:5px;overflow:hidden}@keyframes toggleInfo{frpm{left:0}to{left:-46%;width:0%}}@keyframes retoggleInfo{0%{left:-46%;width:0%}to{width:45%;left:0%}}@keyframes hideToggle{0%{left:42%}to{left:-.3%}}@keyframes hideRetoggle{0%{left:-.3%}to{left:42%}}#userInfoBack{display:block;width:45%;height:100vh;position:relative;left:0;top:0;float:left;color:transparent;animation-duration:2s;animation-iteration-count:1;animation-fill-mode:forwards}#userInfo{display:block;width:45%;position:fixed;left:0;float:left;animation-duration:2s;animation-iteration-count:1;animation-fill-mode:forwards}#hide{float:left;background-color:#151f2e;text-align:center;padding:8px 15px 12px;margin:15px 10px;border-radius:50px;position:fixed;left:42%;animation-duration:2s;animation-iteration-count:1;animation-fill-mode:forwards;display:block}#userInfo #hide{cursor:pointer}.infoHolder{width:85%;height:125px;background-color:#151f2e;display:flex;justify-content:space-around;align-items:center;text-align:center;border-radius:10px;margin:40px 70px}.info{font-size:1.1rem}#animeInfo p span{color:#d3d3d3;opacity:.8;font-size:.9rem}#badges{display:flex;flex-wrap:wrap;justify-content:space-around;margin:40px 0 0 50px}#overlay3{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;background-color:#00000080;color:transparent;z-index:10}.badgeStats{background-color:#151f2e;width:40%;max-height:70vh;padding:5vh 0;z-index:20;position:fixed;left:30%;display:none;justify-content:center;flex-wrap:wrap;border-radius:10px;top:15%;overflow-y:none}.badgeStats .name{text-align:center;width:100%;font-size:2rem;font-weight:700;margin:0 0 20px}.badgeStats .rankInfo{width:80%;padding:10px;border-radius:10px;display:flex;background-color:gray;margin:10px 0}.badgeStats .rank{margin:0 auto 10px 10%;font-size:1.2rem}.badgeStats .rankInfo .level{margin:0 auto 0 0}.badgeStats .xpRewarded{margin:0 auto 10px 0;font-size:1.2rem}.badgeStats .rankInfo .xpEarned{margin:0 auto 0 0}.badgeStats .required{margin:0 10% 10px 0;font-size:1.2rem}.badgeStats .rankInfo .requirement{margin:0 0 0 10%}@media only screen and (max-width: 1350px){#userInfoBack{display:none}#userInfo{position:relative;top:0;left:0;width:100%;display:flex;justify-content:center;flex-wrap:wrap;animation:none;animation-fill-mode:none}#hide{display:none}#badges{float:left;margin:40px 0 0}}@media only screen and (max-width: 900px){#badgeFilter{flex-wrap:wrap}.options{font-size:.8rem;margin:0 20px}}@media only screen and (max-width: 700px){.options{margin:10px}#userHeader #avatar{width:35%;margin:200px 0 0 10px;float:left}#userHeader h3{min-width:fit-content}#userHeader button{display:none}#badgeFilter{height:fit-content}#levelInfo{height:100px;min-width:95%;margin:15px 0}#level{font-size:3rem}#xp{margin:60px 10px 11px auto;font-size:1rem}#xp span{font-size:.8rem}.infoHolder{margin:15px 0;min-width:95%;flex-wrap:wrap}.info{font-size:1rem;margin:0 5px}.badgeStats{min-width:90%;max-height:70vh;padding:5vh 0;left:5%;top:15%;overflow-y:scroll}}.badge{width:23%;height:100px;text-align:center;background-color:#151f2e;margin:10px;border-radius:10px}.badgeName{margin-top:10px;font-size:1.3rem;font-weight:700}.num{display:block;width:fit-content;position:relative;top:33px;margin:0 10px;font-weight:10}.bar{width:100%;height:5px;overflow:hidden;position:relative;top:38px}.bar p{background-color:#ff0;color:#ff0}@media only screen and (max-width: 1650px){.badge{width:25%}}@media only screen and (max-width: 1480px){.badge{width:40%}}@media only screen and (max-width: 1050px){.badge{width:80%}}#leaderboardButtons{margin:150px 0 50px;display:flex;flex-wrap:wrap;justify-content:center}.filterType{width:150px;height:50px;font-size:1.2rem;background-color:#151f2e;color:#fafafab3;border:none;box-shadow:0 14px 30px #00050f1a 0 4px 4px #00050f0a;border-radius:10px;margin:10px 20px}.filterType:hover{cursor:pointer}.active{color:#fff}#leaderboard{width:100vw;display:flex;flex-wrap:wrap;justify-content:center}.item{min-width:15vw;min-height:20vw;display:flex;flex-wrap:wrap;align-items:start;border-radius:20px;margin:20px;background-color:#151f2e}.boardItem{min-width:100%;min-height:75%;margin:0 auto;background-repeat:no-repeat;background-size:100%;background-position:0 bottom}.boardItem .pos{width:fit-content;padding:10px 15px;margin:10px;border-radius:50px}.item .name{font-size:1.2rem;font-weight:700;margin:20 auto;width:100%;text-align:center}.item p{margin:10px auto;font-size:.9rem;z-index:1}@media only screen and (max-width: 1600px){.item{min-width:20vw;min-height:25vw}}@media only screen and (max-width: 1300px){.item{min-width:30vw;min-height:35vw}}@media only screen and (max-width: 950px){.item{min-width:40vw;min-height:45vw}}@media only screen and (max-width: 750px){.item{min-width:60vw;min-height:65vw}}@media only screen and (max-width: 500px){.item{min-width:90vw;min-height:100vw}}#levels{width:70vw;margin:150px auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.levelBox{width:10vw;height:100px;background-color:#151f2e;margin:20px;text-align:center}.levelName{font-weight:700;margin:15px 0}@media only screen and (max-width: 1000px){.levelBox{width:50vw}}