@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);@import url(https://fonts.cdnfonts.com/css/product-sans);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{-webkit-user-select:none;user-select:none}.App{align-items:center;background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.App{height:100vh}}@media screen and (max-height:768px){.App{height:100vh}}h1{font-family:Product Sans,sans-serif;font-size:250%;font-weight:550;width:100%}#loginpanel h1,.loginpanel h1{color:#000}h2{font-weight:500}h2,h3{font-family:Product Sans,sans-serif}h3{font-weight:350;margin-bottom:10%;margin-top:-20%}.data-container{background-image:url(/static/media/leaderboardbackground.189c9ff9773417eeb582.png)}#container{align-items:center;background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;width:100%}#loginpanel,.loginpanel{background-color:#b6f3d5cc;border-radius:5%;box-shadow:5px 5px 3px 0 #00000080;display:grid;height:75%;overflow:hidden;place-items:center;width:35%}.register{background-color:initial;border:none;color:#0186d3;font-family:Product Sans,sans-serif;font-size:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#register{font-size:150%;margin-bottom:5%;margin-top:-40%}.terms{margin-top:2.5%}#form{height:100%;place-items:center;width:100%}#form,.form{display:grid}.form{place-items:center;width:50%}.forgor-form{padding-top:25%}.register:hover{cursor:pointer}input::placeholder{font-family:Product-sans,sans-serif;font-size:70%;transform:translateY(-10%);transition:.15s ease-in-out}fieldset{border:none;border-radius:10px;font-size:130%;margin-bottom:2.5%;padding:0;transition:.5s ease-in-out;width:100%}fieldset legend{display:none;text-align:left}fieldset:focus-within{border:1px solid #21836a;font-size:150%}fieldset:focus-within legend{color:#21836a;display:grid;font-size:70%}fieldset:focus-within input{border:none}fieldset:focus-within input::placeholder{color:#0000}.inputbox{background-color:initial;border:1px solid grey;border-radius:10px;color:grey;font-size:160%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:90%;outline:none;padding-left:5%;text-align:left}#forgor{margin-bottom:-10%;margin-top:-20%}#submit{background-color:#b6f3eb;border:none;border-radius:15px;font-size:180%;height:50px;margin-bottom:35%;margin-top:5%;max-width:95%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;transition:.5s ease-in-out;width:95%}#submit:hover{box-shadow:3px 3px 4px 0 #00000080;transform:scale(1.05)}.dropdown{background-color:#b6f3eb;height:150%;outline:1px solid #000;text-align:left;width:25%}.dropdown select{display:none}.boxlabel{font-family:Product-sans,sans-serif;font-size:120%}.motto{align-self:baseline;font-family:"monospace";font-size:250%;font-weight:500;justify-self:center;margin-top:0;position:absolute}@media screen and (max-width:1600px){.loginpanel h1{font-size:250%;margin-bottom:-70%}#loginpanel,.loginpanel{height:80%;max-width:none;overflow:hidden;width:30%}#container{align-items:center;display:flex;height:100vh;justify-content:center;max-width:none;width:100%}#form{width:80%}#form,#submit{max-width:none}#submit{font-size:110%;margin-bottom:20%;margin-top:0;width:75%}.registerh1{margin-top:3%;position:absolute;top:5%}#registerform{margin-bottom:-25%}.register{font-size:100%!important;margin-top:-15%!important}#registerbutton{margin-bottom:2%!important;margin-top:2%!important}#specifich1{margin-bottom:10%}.terms{margin-bottom:5%!important;margin-top:0!important}.inputbox{width:80%}fieldset{font-size:100%;margin:0}fieldset:focus-within{font-size:100%;margin-left:2.5%;max-width:95%}.motto{align-self:baseline;justify-self:center}.register{margin:0}#forgor{margin-bottom:0}}@media screen and (max-width:768px){h1{font-size:250%}#container{display:grid;height:100vh;max-width:none;place-items:center;width:100%}#loginpanel,.loginpanel{border-radius:25px;display:grid;height:95%;max-width:none;place-items:center;width:85%}.registerh1{margin-bottom:10%;margin-top:-35%}#form{font-size:110%;height:60%;width:80%}#registerform{margin-top:35%}#submit{font-size:170%;height:6vh;max-width:none;width:80%}.inputbox{font-size:150%;margin-bottom:-10%;width:75%}#forgor{margin-top:20%!important}#registerbutton{margin-bottom:-20%!important;margin-top:-20%!important}#register{font-size:150%!important;margin-top:-40%}fieldset{margin:0}#specific form{margin-top:-40%}#specifich1{font-size:200%;margin-top:-70%}.text{font-family:Product Sans,sans-serif;margin-bottom:2.5%;margin-top:-3%}.dropdown{font-size:150%;margin-bottom:10%;width:35%}}::-webkit-scrollbar{display:none}html{scrollbar-width:none}#main{display:flex;overflow:hidden}#home,#main{background-image:url(/static/media/leaderboardbackground.189c9ff9773417eeb582.png);background-position:50%;background-size:cover;height:100%;width:100%}#header{margin-left:2%;margin-top:2%;top:1%;width:100%}#header,.nameplate{align-items:center;display:flex;height:10%}.nameplate{background-color:#bbb0b0b3;border:2px solid #000;margin:1%;max-width:30%;overflow:hidden;position:absolute;right:3%;top:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nameplate-info{align-items:center;display:flex;height:100%;padding:2.5%;width:70%}.nameplate-info p{font-family:Product Sans,sans-serif;font-size:200%;font-weight:500}.product_svg text{animation:animated_name 5s linear infinite}.border{border:5px ridge #000;height:50%;margin-right:5%;padding:1%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pp{height:100%;width:auto}.level-holder{height:100%;width:30%}.level-holder,.score-container{align-items:center;display:flex;justify-content:center}.score-container img{filter:drop-shadow(2px 2px 2px rgba(0,0,0,.4));height:auto;margin-left:-50%;margin-right:5%;transform-style:preserve-3d;width:25%}.score-container img:hover{animation:rotateY 1s linear infinite}.content-container{display:flex;height:100%;width:100%}.chart-container{align-items:center;display:flex;height:90%;justify-content:center;margin-left:5%;padding:5%;width:90%}canvas{display:grid;height:30%;margin-top:-12.5%;place-items:center}.chart{height:50%;width:100%}.chart,.sidebar{align-items:center;display:flex;justify-content:center}.sidebar{background-color:#b6f3d5cc;flex-direction:column;height:100%;left:0;margin-right:5%;position:absolute;top:0;transition:width .75s ease-in-out;width:5%}.sidebar:hover{width:20%}.menu-func-container{align-items:center;height:20%;overflow:hidden;transition:.3s ease-in-out}.menu-func-container,.menu-top{display:flex;justify-content:center;width:100%}.menu-top{height:5%;position:absolute;top:1%}.menu-top img{height:100%;position:absolute;right:1%;transition:.5s ease-in-out;width:auto}.sidebar .menu-func-container img{height:30%;margin-right:5%;width:auto}.sidebar button{display:none;font-size:40%;height:20%;transition:.3s ease-in-out;width:60%}.sidebar:hover button{background-color:initial;border:none;color:#000;display:block;font-family:Product Sans,sans-serif;font-size:90%;height:70%;overflow:hidden}.sidebar:hover .menu-top img{rotate:90deg}.sidebar button:hover{font-size:100%}.menu-func-container:has(button:hover){background-color:#298157}.data-form{display:grid;place-items:center}.data-title{color:#000;margin-top:-125%;position:static}.back{align-items:center;background-color:initial;border:none;display:flex;height:5%;justify-content:center;left:.3%;position:absolute;top:2.5%;width:5%}.back img{height:auto;transition:.5s ease-in-out;width:75%}.back img:hover{cursor:pointer}.title-background{background-color:#298157e6;box-shadow:2px 2px 2px 2px #000;display:grid;font-size:200%;height:50%;padding-left:5%;padding-right:5%;place-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.table-container{background-image:url(/static/media/leaderboardbackground.189c9ff9773417eeb582.png);background-position:50%;display:grid;height:100%;overflow:hidden;place-items:center;width:100%}.table-container h1{color:#f0f8ff;font-family:Product Sans,sans-serif}.table{display:grid;height:70%;overflow-y:scroll;place-items:center;width:100%}.row{align-items:center;background-color:#298157e6;box-shadow:2px 2px 2px 2px #000;display:flex;font-size:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:1%;width:60%}.name,.place{flex:1 1;font-family:Product Sans,sans-serif}.name{align-items:center;display:flex;justify-content:center}.score{flex:1 1;font-family:Product Sans,sans-serif}.name svg text{animation:animated_name 5s infinite alternate}@media screen and (max-width:1600px){.chart{height:40%}.nameplate{max-width:40%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:auto}.nameplate .product_svg{font-size:250%}}@media screen and (max-width:768px){#main{height:100vh;overflow:hidden;width:100vw}#home{height:100%;width:100%}.nameplate{max-width:80%;min-width:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nameplate-info h2{font-size:200%!important;margin-left:-15%;overflow:hidden}.nameplate-info .product_svg text{animation:animated_name 5s linear infinite;font-size:70%}.nameplate-info .product_svg{margin-left:-10%;overflow:hidden}.chart-container{height:90%;margin-left:5%;width:85%}.sidebar{height:100vh;width:15%}.sidebar:hover{font-size:105%;width:40%}.row{font-size:50%;height:70px;max-height:70px;overflow:hidden;width:80%}.name{height:100%;max-width:none;min-width:none;width:1000px!important}.score{align-self:center}svg{width:100%!important}.name h2,.name svg text{font-size:300%}.back{height:10%;margin-top:-5%;width:15%}.title-background{font-size:150%;height:50%;margin-top:20%;width:75%}}@keyframes rotateY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes animated_name{0%{fill:#488acc00;stroke:#000;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:#488acc00;stroke:#000}80%{fill:#488acc00;stroke:#000;stroke-width:2}to{fill:#000;stroke:#365fa000;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}@media screen and (max-width:768px){@keyframes animated_name{0%{fill:#488acc00;stroke:#000;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:#488acc00;stroke:#000}80%{fill:#488acc00;stroke:#000;stroke-width:2}to{fill:#000;stroke:#365fa000;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}}html{font-family:Product Sans,sans-serif}.product h2:first-child{-webkit-text-fill-color:#0000;background:#121fcf;background:linear-gradient(90deg,#121fce 0,#cf1512);-webkit-background-clip:text;font-size:300%;place-self:center}h6{align-self:baseline}.product:first-child svg text{stroke-width:3;stroke:#365fa0;animation:stroke 5s infinite alternate;color:#000}.hex{height:auto;width:60%}.discount img{height:auto;width:25%}#shop{display:grid;height:100%;place-items:center;width:100%}.offer-container{height:90%;overflow:scroll;padding-top:5%;width:50%}header{height:10%;margin-bottom:60%;width:100%}header h1{align-items:center;color:#b6f3d5cc;display:flex;font-size:250%;justify-content:center}header .nameplate{top:1%}.card{align-items:center;display:flex;height:50%;justify-content:center;margin-bottom:5%;width:100%}.offer{background-color:#b6f3d5cc;border:3px ridge #000;box-shadow:0 0 4px 3px #fffc;display:grid;height:100%;margin:1%;place-items:center;width:48%}.offer-content{align-items:center;display:flex;height:60%;justify-content:center;width:100%}.offer button img{height:auto;margin-left:5%;width:12.5%}.offer button{align-items:center;align-self:last baseline;background-color:initial;border:none;display:flex;font-size:150%;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;justify-content:center;margin-bottom:5%;transition:.3s ease-in-out;width:80%}.offer button:hover{background-color:#29815780;border-radius:5px}.product{align-items:center;align-self:baseline;display:flex;height:100%;justify-content:center;width:100%}.product svg text{animation:animated_name 5s linear infinite!important}.price{font-size:100%;font-weight:550}.product h1{color:#000}.offer-content h1,.product h1{font-size:150%}@media screen and (max-width:768px){.title{margin-bottom:-10%;margin-top:20%}.offer-container{width:90%}.card{width:100%}.offer:first-child{margin-right:3%!important}.offer{justify-content:center;width:45%}.product,svg{align-items:center;justify-content:center}svg{display:flex}.offer-content .product h2,.offer-content .product svg text{align-self:center;font-size:190%!important}.offer-content .product h2{margin-top:35%}text{height:100%;width:100%}}h1{color:#fff;font-size:350%}label{font-size:200%;margin-top:5%}button{margin-top:-5%}.back,.pp-button{margin-top:0}.profile-container{display:grid;height:100%;place-items:center;width:100%}.profile{background-color:#0006;border:4px ridge #000;box-shadow:3px 3px 2px 2px grey;height:80%;overflow:scroll;width:30%}.icon{height:auto;place-self:center;width:30%}.profile-name{display:grid;margin-bottom:10%;place-items:center}.profile-name h1{color:#fff}.profile-name button{background-color:initial;border:none}.profile-name button img{height:auto;width:10%}.gradient{-webkit-text-fill-color:#0000;background:#121fcf;background:linear-gradient(90deg,#2833ce 0,#cf1512);-webkit-background-clip:text;font-size:350%;place-self:center}.row-style{display:grid;height:30%;place-items:center;width:100%}.row-type{background-color:#298157e6;box-shadow:2px 2px 2px 2px #000;display:grid;font-size:200%;height:50%;margin:1%;place-items:center;width:70%}.row-style button{background-color:initial;border:none}.row-style button img{height:auto;width:10%}.selector{background-color:#000000b3;border:4px ridge #000;box-shadow:3px 3px 2px 2px grey;height:80%;overflow:scroll;width:30%}.nameoption{align-self:center;display:grid;height:55%;margin-bottom:5%;place-items:center;position:relative;width:100%}.green-gradient{-webkit-text-fill-color:#0000;background:#0f0;background:linear-gradient(90deg,#0f0,red);-webkit-background-clip:text;font-size:350%;place-self:center}svg text{stroke-width:3;stroke:#365fa0;animation:stroke 5s infinite alternate;font-size:350%}.name-style-form{height:100%;width:100%}.select-color{color:#fff;height:40%;margin-top:-20%;width:100%}.select-color input{border:none;box-shadow:none;margin-bottom:2.5%;margin-top:2.5%;outline:none}input[type=color]::-webkit-color-swatch-wrapper{height:100%;padding:0;width:100%}input[type=submit]{background-color:#298157e6;border-radius:5px;font-size:150%;height:50px;margin-top:0;max-width:70%;width:450px}input[type=submit]:hover{box-shadow:1px 1px 2px 2px grey}@keyframes stroke{0%{fill:#488acc00;stroke:grey;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}50%{fill:#488acc00;stroke:grey;stroke-width:4}70%{fill:#488acc00;stroke:grey}80%{fill:#488acc00;stroke:grey;stroke-width:3}to{fill:grey;stroke:grey;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}.toggle-switch-container{align-items:center;display:flex;justify-content:center;left:-25%;position:relative;top:15%}.toggle-switch{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;overflow:hidden}@media screen and (max-width:768px){.toggle-switch-container{left:-7.5%;top:25%}}.tip{color:#000;font-family:Product Sans,sans-serif;font-size:250%}.toggle-switch-container-center{align-items:center;align-self:center;display:flex;justify-content:center;margin-top:2.5%}.toggle-switch-tip{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;overflow:hidden}.option{color:#818181;cursor:pointer;padding:10px 20px;transition:background-color .3s}.option.active{background-color:#b6f3d5cc;color:#fff;cursor:default}.switch{background-color:#fff;border-radius:50%;box-shadow:0 0 5px #0000004d;height:40%;transition:transform .3s;width:40%}.toggle-switch-container .toggle-switch:hover .switch{transform:scale(1.1)}.tip-container{background-color:#b6f3d5cc;border-radius:20px;display:grid;height:70%;margin-left:20%;margin-top:5%;place-items:center;width:60%}.refbutton{background-color:initial;border:none;bottom:7.5%;height:auto;left:47.5%;position:absolute;width:5%}.refbutton img{height:auto;width:100%}.refbutton:hover{animation:rotateZ 2s linear infinite;transform-origin:center center}@keyframes rotateZ{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.toggle-switch-container{left:-7.5%;top:25%}.tip{font-size:200%}.refbutton{margin-bottom:10%;width:15%}.tip-container{height:90%;margin-left:10%;width:80%}}
/*# sourceMappingURL=main.4e89bbce.css.map*/