@import url(https://fonts.googleapis.com/css2?family=Inter&family=Poppins:wght@300;400;500;600&family=Roboto:wght@100;300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);*{font-family:Poppins,sans-serif}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#02080b;box-shadow:0 4px 6px hsla(0,23%,78%,.1);display:flex;flex-direction:row;padding:30px}.glassStyle{backdrop-filter:blur(4.6px);-webkit-backdrop-filter:blur(4.6px);background:rgba(73,37,205,.25);border:1px solid rgba(73,37,205,.19);border-radius:5px;box-shadow:0 4px 30px rgba(0,0,0,.1)}.css-16sxbi8-MuiTableCell-root{text-align:center}.css-1q1u3t4-MuiTableRow-root{background-color:#0b0909!important}.css-1ex1afd-MuiTableCell-root{color:#f5f5f5!important}.css-y8ay40-MuiTableCell-root{background-color:#151718!important;color:#fff!important}.css-g1cfh7-MuiPaper-root{background-color:#000!important}.css-41abqd-MuiTableContainer-root{border-radius:13px!important}.css-1ex1afd-MuiTableCell-root{border-bottom:0!important}::-webkit-scrollbar{border-radius:10px;width:5px}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{background-color:#4925cd;border-radius:20px}::-webkit-scrollbar-corner{background-color:#000}.table{background-color:#000;margin-left:110px;margin-right:150px;margin-top:30px}.module{color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin:30px 120px 20px 60px}@media screen and (max-width:660px){.table{margin-left:40px;margin-right:40px}.module{margin-left:30px;margin-right:30px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box!important}body,html{height:50%}body{background-color:#171717;color:#000;display:table;font-family:sans-serif;height:100%;line-height:1.6;position:relative;width:100%}.lines{height:100vh;left:0;margin:auto;right:0;width:90vw}.line,.lines{position:absolute;top:0}.line{background:hsla(0,0%,100%,.1);height:100%;left:50%;overflow:hidden;width:1px;&:after{-webkit-animation:drop 7s 0s infinite!important;animation:drop 7s 0s infinite!important;-webkit-animation-fill-mode:forwards!important;animation-fill-mode:forwards!important;-webkit-animation-timing-function:cubic-bezier(.4,.26,0,.97)!important;animation-timing-function:cubic-bezier(.4,.26,0,.97)!important;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff);content:"";display:block!important;height:15vh;left:0;top:-50%;width:100%}&:first-child{margin-left:-25%;&:after{-webkit-animation-delay:2s;animation-delay:2s}}&:nth-child(3){margin-left:25%;&:after{-webkit-animation-delay:2.5s;animation-delay:2.5s}}}@-webkit-keyframes drop{0%{top:-50%}to{top:110%}}@keyframes drop{0%{top:-50%}to{top:110%}}.form{background-color:#171717;border-radius:25px;display:flex;flex-direction:column;gap:40px;margin:100px;padding-bottom:.4em;padding-left:2em;padding-right:2em;transition:.4s ease-in-out}.form:hover{border:1px solid #000;-webkit-transform:scale(1.05);transform:scale(1.05)}#heading{color:#fff;font-size:1.2em;margin:2em;text-align:center}.field{align-items:center;background-color:#171717;border:none;border-radius:25px;box-shadow:inset 2px 5px 10px #050505;color:#fff;display:flex;gap:.5em;justify-content:center;outline:none;padding:.6em}.input-icon{fill:#fff;height:1.3em;width:1.3em}.input-field{background:none;border:none;color:#d3d3d3;outline:none;width:100%}.form .btn{display:flex;flex-direction:row;justify-content:center;margin-top:2.5em}.button1{background-color:#252525;border-radius:5px;margin-right:.5em;outline:none;padding:.5em 1.1em;transition:.4s ease-in-out}.button1:hover{background-color:#000;color:#fff}.button2{background-color:#252525;border:none;border-radius:5px;color:#fff;outline:none;padding:.5em 2.3em;transition:.4s ease-in-out}.button2:hover{background-color:#000;color:#fff}.button3{background-color:#252525;border:none;border-radius:5px;color:#fff;margin-bottom:3em;outline:none;padding:.5em;transition:.4s ease-in-out}.button3:hover{background-color:#3273f9;color:#fff}.container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 15px}.navbar{height:60px;padding:45px 35px;position:relative}.logo{color:#fff;font-size:1.8rem;font-weight:800;margin-left:20px}.menu-icon{display:none}.nav-elements ul{display:flex;justify-content:space-between;list-style-type:none}.nav-elements ul li:not(:last-child){margin-right:20px}.nav-elements ul a{color:#cfcece;font-size:16px;font-weight:400;text-decoration:none}.nav-elements ul a.active{font-weight:500;position:relative}.nav-elements ul a.active:after{bottom:-4px;content:"";height:2px;left:0;position:absolute;width:100%}@media (max-width:768px){.nav-elements ul li:not(:last-child){margin-right:30px}}@media (max-width:940px){.menu-icon{cursor:pointer;display:block}.nav-elements{background-color:#212121;height:calc(100vh - 60px);overflow:hidden;position:absolute;right:0;top:60px;transition:all .3s ease-in;width:0}.nav-elements.active{padding:20px;width:270px}.nav-elements ul{display:flex;flex-direction:column}.nav-elements ul li{margin-right:0;margin-top:22px}}@media only screen and (max-width:880px){.hide{display:none}.form{margin:50px}.signin{width:100%}}.table-data a{color:#d8d8d8;text-decoration:none}.table-data a:hover{color:#3273f9}.codepen-button{border-radius:6px;color:#fff;cursor:pointer;display:block;font-weight:600;isolation:isolate;margin:0 auto;overflow:hidden;padding:3px;position:relative;text-decoration:none}.codepen-button:before{-webkit-animation:an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop .75s linear infinite;animation:an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop .75s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;background:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);background-size:25% 100%;content:"";height:100%;left:0;position:absolute;top:0;transition:translate .25s ease-out;translate:-5% 0;width:400%}.codepen-button:hover:before{-webkit-animation-play-state:running;animation-play-state:running;transition-duration:.75s;translate:0 0}@-webkit-keyframes an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop{to{-webkit-transform:translateX(-25%);transform:translateX(-25%)}}@keyframes an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop{to{-webkit-transform:translateX(-25%);transform:translateX(-25%)}}.codepen-button span{background:#000;border-radius:3px;display:block;font-size:1rem;height:100%;padding:.5rem 1rem;position:relative}.cssbuttons-io{background:linear-gradient(90deg,#8e2de2,#4a00e0);border:none;border-radius:.8em;color:#f8f8ff;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:.05em;overflow:hidden;position:relative}.cssbuttons-io svg{height:1.2em;margin-right:.5em;width:1.2em}.cssbuttons-io span{align-items:center;display:inline-flex;padding:.8em 1.2em .8em 1.05em;position:relative;transition:color .4s;z-index:10}.cssbuttons-io:after,.cssbuttons-io:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.cssbuttons-io:before{background:#000;content:"";left:-10%;-webkit-transform:skew(30deg);transform:skew(30deg);transition:-webkit-transform .4s cubic-bezier(.3,1,.8,1);transition:transform .4s cubic-bezier(.3,1,.8,1);transition:transform .4s cubic-bezier(.3,1,.8,1),-webkit-transform .4s cubic-bezier(.3,1,.8,1);width:120%}.cssbuttons-io:hover:before{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.cssbuttons-io:active{-webkit-transform:scale(.95);transform:scale(.95)}.button1{fill:#9b9999;align-items:center;background:#212121;border:none;border-radius:15px;color:#fff;display:flex;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:.05em;margin-right:20px;padding:.7em 1em .7em .9em}.button1 span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.button1 svg{display:block;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.button1:hover{background:#000}.button1:hover .svg-wrapper{-webkit-transform:scale(1.25);transform:scale(1.25);transition:.5s linear}.button1:hover svg{fill:#fff;-webkit-transform:translateX(1.2em) scale(1.1);transform:translateX(1.2em) scale(1.1)}.button1:hover span{opacity:0;transition:.5s linear}.button1:active{-webkit-transform:scale(.95);transform:scale(.95)}*{box-sizing:border-box;margin:0;padding:0}h1{color:#f5f5f5;font-family:sans-serif;font-size:5em;letter-spacing:1rem;position:relative;text-align:center;text-transform:uppercase;top:50%;width:100%}h1 span{-webkit-animation:animate 1s ease-in-out;animation:animate 1s ease-in-out;display:inline-block}@-webkit-keyframes animate{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes animate{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}h1 span:first-child{-webkit-animation-delay:.6s;animation-delay:.6s}h1 span:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}h1 span:nth-child(3){-webkit-animation-delay:1.7s;animation-delay:1.7s}h1 span:nth-child(4){-webkit-animation-delay:2.3s;animation-delay:2.3s}h1 span:nth-child(5){-webkit-animation-delay:2.7s;animation-delay:2.7s}h1 span:nth-child(6){-webkit-animation-delay:3.2s;animation-delay:3.2s}h1 span:nth-child(7){-webkit-animation-delay:3.7s;animation-delay:3.7s}h1 span:nth-child(8){-webkit-animation-delay:4s;animation-delay:4s}.dashboard-container{align-items:center;background-color:#000;display:flex;flex-direction:column;height:90vh}.dashboard{align-items:center;display:flex;height:calc(100vh - 90px);justify-content:center}.dash{background-color:#1c1c1e;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.4);display:flex;flex-direction:row;height:calc(100vh - 130px);width:95vw}.dash,.profile-card{color:#fff;padding:30px;text-align:center}.profile-card{height:calc(100vh - 180px);margin-right:5px;width:25vw}.avatar{border:2px solid #fff;border-radius:50%;height:120px;margin-bottom:20px;width:120px}h2{color:#f5f5f5;font-size:28px;margin:15px 0}p{color:#b0b0b0;font-size:18px;margin:8px 0}.linedash{background:hsla(0,0%,100%,.1);border-radius:30%;height:100%;left:0;overflow:hidden;position:relative;top:0;width:5px;&:after{-webkit-animation:drop 5s 0s infinite;animation:drop 5s 0s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.4,.26,0,.97);animation-timing-function:cubic-bezier(.4,.26,0,.97);background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff);content:"";display:block;height:40vh;left:0;position:absolute;top:-50%;width:100%}&:first-child{margin-left:-25%;&:after{-webkit-animation-delay:.5s;animation-delay:.5s}}&:nth-child(3){margin-left:25%;&:after{-webkit-animation-delay:.8s;animation-delay:.8s}}}.marks{align-items:center;display:flex;flex-direction:column;margin-top:20px;overflow-x:auto;width:100%}.titlemark{font-size:30px;font-weight:500}table{border-collapse:collapse;border-radius:10px;margin-top:10px;overflow:hidden;width:90%}table td,table th{border:1px solid hsla(0,0%,100%,.2);padding:12px 15px;text-align:left}table th{background-color:#007bff;color:#fff;font-size:16px}table tr:nth-child(2n){background-color:hsla(0,0%,100%,.05)}table tr:hover{background-color:hsla(0,0%,100%,.1)}table td{color:#f5f5f5;font-size:14px}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.containertable{align-items:center;background-color:#2f2f2f;display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:1000px}.tablesc{width:100%}.table-header{background:#151718}.table-header,.table-row{display:flex;padding:18px 0;width:100%}.table-row{background:#0b0909}.header__item,.table-data{color:#f5f5f5;flex:1 1 20%;text-align:center}.header__item{text-transform:uppercase}.filter__link{color:#fff;text-decoration:none;&:after{color:#fff;content:"";font-size:12px}}.sbutton{align-items:center;background:#ad5389;background:linear-gradient(90deg,#0f0c29,#302b63,#24243e);border:none;border-radius:16px;color:#fff;display:flex;font-family:inherit;font-size:17px;font-weight:500;letter-spacing:.05em;padding:.8em 1.3em .8em .9em}.sbutton svg{margin-right:3px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sbutton span,.sbutton svg{transition:-webkit-transform .5s cubic-bezier(.76,0,.24,1);transition:transform .5s cubic-bezier(.76,0,.24,1);transition:transform .5s cubic-bezier(.76,0,.24,1),-webkit-transform .5s cubic-bezier(.76,0,.24,1)}.sbutton:hover svg{-webkit-transform:translateX(5px) rotate(90deg);transform:translateX(5px) rotate(90deg)}.sbutton:hover span{-webkit-transform:translateX(7px);transform:translateX(7px)}.h2{color:#f0f0f0;margin:20px 0;text-align:center}.leader{background-color:#1c1c1c;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);margin:0 auto;overflow:hidden;width:80%}