.navbar{background-color:#f1f1f100;padding:2rem 1.5rem;transition:.4s;position:fixed;width:100%;top:0;z-index:99}.navbar button{margin-left:2rem}.logo{font-size:4rem;font-weight:700;transition:.4s;color:#fff;margin-left:2.5rem;white-space:nowrap}.logo:hover{color:#fff}.navbar-right{position:absolute;right:2rem}.shrink{padding:1rem 10px;background-color:#69696978;backdrop-filter:blur(7px)}.shrink-logo{font-size:3rem}@media screen and (max-width: 991px){.navbar-right{display:none}.logo{font-size:4rem;margin-left:0;width:100%;text-align:center}.shrink-logo{font-size:3rem}.navbar{width:100vw}}@media screen and (max-width: 394px){.logo{font-size:2.7rem;margin-left:0;width:100%;text-align:center}.shrink-logo{font-size:2.5rem}}.login__body{background:rgb(255,255,255);background:linear-gradient(0deg,rgba(255,255,255,1) 8%,rgb(7,202,192) 100%)}.login__form__heading{text-align:center;font-size:3rem;font-weight:600;letter-spacing:2px;color:#56c8f5;text-shadow:3px 3px 8px rgba(176,176,176,.445)}.login__form__subheading{text-align:center;font-size:1rem;color:#000}.login__form{margin-left:auto;margin-right:auto;padding:3% 5%;width:35%;margin-bottom:20%;position:relative;top:10rem;background-color:#fff;border-radius:12px;box-shadow:0 0 38px 18px #9af2ff7d}.signup__button{text-align:center;margin-top:8%}.see-password{position:relative;right:10px;font-size:16px;color:#656565}@media screen and (max-width: 794px){.login__form{width:82%;margin-bottom:30vh}}@media screen and (max-width: 400px){.login__form__heading{margin-top:1.5rem;letter-spacing:normal;font-size:2.5rem}}.banner__heading{color:#fff;margin:0 0 4%;padding:33% 0 4rem 4rem;font-size:300%;font-weight:500}.banner__image1{padding:2px;background:rgba(255,255,255,.07);border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(1.9px);-webkit-backdrop-filter:blur(1.9px);border:1px solid rgba(255,255,255,.19);height:40%;position:relative;top:22%;margin:0;left:11%;width:43%;height:39%}.banner__image2{margin:0;width:50%;height:50%;padding:2px;background:rgba(255,255,255,.07);border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(1.9px);-webkit-backdrop-filter:blur(1.9px);border:1px solid rgba(255,255,255,.19);height:48%;position:relative;top:45%;right:2%}.banner__button1{position:relative;top:1%;left:15%;transform:scale(1.2)}.banner__button2{position:relative;top:1%;left:30%;transform:scale(1.2)}.banner{background:linear-gradient(270deg,#27affe,#27c0db,#bb35f9);background-size:600% 600%;height:34rem;-webkit-animation:AnimationName 23s ease infinite;-moz-animation:AnimationName 23s ease infinite;animation:AnimationName 23s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-centered{text-align:center;padding:8%;background-color:#fff;position:relative;z-index:1}.text-centered h3{font-size:2rem;font-weight:700;color:#2e2e2e}.text-centered p{color:#848484;font-weight:400}.text-centered i{font-size:4.5rem;color:#9c9cfc}.text-centered i:hover{color:#c981f3}@media screen and (max-width: 519px){.banner{padding:2px}.banner__heading{font-size:2.8rem}div .container{width:100%;overflow-x:hidden}}@media screen and (max-width: 991px){.onSmallHide{display:none}.banner__button1{transform:scale(1);left:7rem}.banner__button2{transform:scale(1);left:14rem}.banner__heading{padding:10rem 7rem 3rem;margin-bottom:0}.banner{height:30rem}}@media screen and (max-width: 663px){.banner__heading{padding:10rem 4rem 2rem}.banner__button2{transform:scale(1);left:6rem}.banner__button1{transform:scale(1);left:4rem}}@media screen and (max-width: 451px){.banner__heading{padding:8rem 2rem 2rem}.banner__button1{left:3rem}.banner__button2{left:4rem}}@media screen and (max-width: 394px){.banner__heading{padding:7.3rem 1rem 2rem 2rem;font-size:2.2rem}.banner__button1{transform:scale(.91);left:2rem}.banner__button2{transform:scale(.91);left:3rem}.banner{height:24rem}}@media screen and (max-width: 360px){.banner__button1{left:1rem}.banner__button2{left:1.2rem}}@media screen and (max-width: 332px){.banner__heading{font-size:2rem}.banner__button1{transform:scale(.71);left:.7rem}.banner__button2{transform:scale(.71);left:9rem;top:-2.1rem}}.card{margin:1rem;border-radius:12px;border:2px solid rgb(219,220,220);height:18rem;overflow:hidden}.card-head{background-color:#a72ffd;border-radius:8px 8px 0 0;color:#fff}.card-heading{font-size:2rem;display:inline-block;margin:1rem 2rem 1rem 1rem}.more-icon{position:absolute!important;top:1.1rem;right:.4rem}.code{font-size:1.1rem;margin:.2rem .6rem .6rem;padding:0}.blur{position:absolute;bottom:0;background:rgb(0,0,0);background:linear-gradient(0deg,rgba(204,156,245,.791),rgba(255,255,255,.516) 100% 0%);width:100%;height:4rem;border-radius:0 0 8px 8px;backdrop-filter:blur(5px)}.card-button{background-color:#c91bf5e6!important;margin-top:5%!important;margin-right:6%!important}.card-button:hover{background-color:#550d89e6!important}.col-sm-6{padding:0 0 0 1.2rem}.button-holder{text-align:right}.popup{color:#fff;position:fixed;z-index:1;top:50%;left:37.5%;transform:translate(-50%,-50%);width:25%;padding:20px;background-color:#151515;border:4px solid #ffffffde;border-radius:4px;box-shadow:0 0 10px #ccc;opacity:0;transform:translateY(-10px);transition:opacity .3s ease-out,transform .3s ease-out}.popup.show{opacity:1;transform:translateY(0)}.popup-message{font-size:100%;font-weight:700;text-align:center;margin-bottom:10px}.popup-close-btn{position:absolute;top:5px;right:5px;padding:5px;font-size:1.2rem;font-weight:700;background-color:transparent;border:none;cursor:pointer;outline:none;color:red;border-radius:50%;width:40px}.popup-close-btn:hover{background-color:#ffa4a4}@media (max-width: 768px){.popup{width:50%;left:25%}}@media (max-width: 410px){.popup{width:60%;left:20%}}.action-button{position:fixed;bottom:3rem;right:2rem;z-index:2}.dashboard__body{background-color:#fef9ff;background-image:url(https://www.transparenttextures.com/patterns/axiom-pattern.png)}*{border:0;box-sizing:border-box;margin:0;padding:0}.loader__body{background-image:linear-gradient(145deg,var(--shade3),var(--shade2));color:var(--fg);display:flex;font:1em/1.5 Hind,sans-serif;flex-direction:column;height:100vh;width:100vw;position:fixed;z-index:3;--fg: #17181c;--shade1: #727274;--shade2: #cccdd1;--shade3: #f3f4f8;--shade4: #ffffff;--dur1: 1s;--dur2: 6s;font-size:calc(16px + (32 - 16)*(100vw - 320px)/(2560 - 320))}main{margin:auto}.preloader{animation:largePopOut var(--dur1) linear;border-radius:50%;box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,1em 1em 2em var(--shade1),-1em -1em 2em var(--shade4);margin-bottom:3em;position:relative;width:12em;height:12em}.preloader__square{animation:smallPopOut1 var(--dur1) linear,popInOut var(--dur2) var(--dur1) linear infinite;border-radius:.5em;box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4);position:absolute;top:2.5em;left:2.5em;width:3em;height:3em}.preloader__square:nth-child(n + 2):nth-child(-n + 3){left:6.5em}.preloader__square:nth-child(n + 3){top:6.5em}.preloader__square:nth-child(2){animation:smallPopOut2 var(--dur1) linear,move2 var(--dur2) var(--dur1) linear infinite}.preloader__square:nth-child(3){animation:smallPopOut3 var(--dur1) linear,move3 var(--dur2) var(--dur1) linear infinite}.preloader__square:nth-child(4){animation:smallPopOut4 var(--dur1) linear,move4 var(--dur2) var(--dur1) linear infinite}.status{animation:fadeIn var(--dur1) linear forwards;text-align:center}.status__dot{animation:appear1 var(--dur1) var(--dur1) steps(1,start) infinite;display:inline-block}.status__dot:nth-child(2){animation:appear2 var(--dur1) var(--dur1) steps(1,start) infinite}.status__dot:nth-child(3){animation:appear3 var(--dur1) var(--dur1) steps(1,start) infinite}@keyframes largePopOut{0%,20%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4)}40%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,2em 2em 2em var(--shade1),-2em -2em 4em var(--shade4)}60%,to{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,1em 1em 2em var(--shade1),-1em -1em 2em var(--shade4)}}@keyframes smallPopOut1{0%,40%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4)}60%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4)}80%,to{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4)}}@keyframes smallPopOut2{0%,45%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4)}65%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4)}85%,to{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4)}}@keyframes smallPopOut3{0%,50%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4)}70%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4)}90%,to{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4)}}@keyframes smallPopOut4{0%,55%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4)}75%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4)}95%,to{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4)}}@keyframes popInOut{0%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4);transform:translate(0)}4%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4);transform:translate(0)}8%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4);transform:translate(0)}12%,16%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4);transform:translate(4em)}20%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4);transform:translate(4em)}24%,25%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4);transform:translate(4em)}29%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4);transform:translate(4em)}33%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4);transform:translate(4em)}37%,41%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4);transform:translate(4em,4em)}45%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4);transform:translate(4em,4em)}49%,50%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4);transform:translate(4em,4em)}54%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4);transform:translate(4em,4em)}58%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4);transform:translate(4em,4em)}62%,66%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4);transform:translateY(4em)}70%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4);transform:translateY(4em)}74%,75%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4);transform:translateY(4em)}79%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4);transform:translateY(4em)}83%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4);transform:translateY(4em)}87%,91%{box-shadow:0 0 0 var(--shade4) inset,0 0 0 var(--shade1) inset,0 0 0 var(--shade1),0 0 0 var(--shade4);transform:translate(0)}95%{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.5em .5em .5em var(--shade1),-.5em -.5em 1em var(--shade4);transform:translate(0)}99%,to{box-shadow:.15em .15em .15em var(--shade4) inset,-.15em -.15em .15em var(--shade1) inset,.25em .25em .5em var(--shade1),-.25em -.25em .5em var(--shade4);transform:translate(0)}}@keyframes move2{0%,8%{transform:translate(0);width:3em;height:3em}12%{transform:translate(-4em);width:7em;height:3em}16%,83%{transform:translate(-4em);width:3em;height:3em}87%{transform:translate(-4em);width:3em;height:7em}91%,to{transform:translate(-4em,4em);width:3em;height:3em}}@keyframes move3{0%,33%{transform:translate(0);height:3em}37%{transform:translateY(-4em);height:7em}41%,to{transform:translateY(-4em);height:3em}}@keyframes move4{0%,58%{transform:translate(0);width:3em}62%{transform:translate(0);width:7em}66%,to{transform:translate(4em);width:3em}}@keyframes fadeIn{0%,67%{opacity:0}83.3%,to{opacity:1}}@keyframes appear1{0%{visibility:hidden}33%,to{visibility:visible}}@keyframes appear2{0%,33%{visibility:hidden}67%,to{visibility:visible}}@keyframes appear3{0%,67%{visibility:hidden}to{visibility:visible}}@media (prefers-color-scheme: dark){:root{--fg: #e3e4e8;--shade1: #23252a;--shade2: #3e424c;--shade3: #4a4e5a;--shade4: #686e7e}}.emptyDashboardBody{color:#292929;text-align:center;padding-top:10%;padding-bottom:5%}.emptyDashboardBody h1{font-size:4rem;font-family:Times New Roman,Times,serif;letter-spacing:2px;margin-bottom:1rem;font-weight:700}.emptyDashboardBody h2{font-size:3rem;font-family:Times New Roman,Times,serif}.form-container{width:45rem;padding:2rem 2rem 5rem;margin-left:auto;margin-right:auto;margin-top:4rem;background:rgba(255,255,255,.19);border-radius:16px;box-shadow:0 4px 30px #0000001a}.newCodeForm-title{text-decoration:underline dotted 15px rgb(185,130,192);color:#515151;font-family:sans-serif;font-weight:700;font-size:4.6rem;margin-bottom:2rem;text-align:center}.toggleButton{float:left}.button-holder-newCode{float:right}@media screen and (max-width: 790px){.form-container{width:30rem;padding-bottom:7rem}.button-holder-editCode{margin-top:1rem}}@media screen and (max-width: 500px){.form-container{width:20rem;padding-bottom:8rem}.form-container h1{font-size:3rem}.button-holder-newCode{width:max-content}}.SearchPage__body{background:rgb(0,0,0);background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(255,178,106,.717) 77%);padding-top:9rem}.search-bar-holder{background-color:#fff;width:90%;margin-inline:auto;padding:1.5rem;padding-inline:3rem;border-radius:4rem}.search-image{width:50%;position:relative;transform:translate(60%)}.search-bar{padding:1rem;width:70%;font-size:1.25rem;color:#111}.search-bar:focus{outline:none;border-bottom:2px solid blue}.search-button{--primary-color: #e9bbff;--secondary-color: #fff;--hover-color: #111;--arrow-width: 10px;--arrow-stroke: 2px;box-sizing:border-box;border:0;border-radius:20px;color:var(black);padding:1em 1.8em;background:var(--primary-color);float:right;transition:.2s background;align-items:center;gap:.6em;font-weight:700}.search-button .arrow-wrapper{display:inline-block}.search-button .arrow{margin-top:1px;width:var(--arrow-width);background:var(--primary-color);height:var(--arrow-stroke);position:relative;bottom:5px;margin-left:14px;transition:.2s}.search-button .arrow:before{content:"";box-sizing:border-box;position:absolute;border:solid black;border-width:0 var(--arrow-stroke) var(--arrow-stroke) 0;display:inline-block;top:-3px;right:3px;transition:.2s;padding:3px;transform:rotate(-45deg)}.search-button:hover{background-color:var(--hover-color);color:#fff}.search-button:hover .arrow{background:var(--secondary-color)}.search-button:hover .arrow:before{right:0;border-color:#fff}@media screen and (max-width: 670px){.search-bar-holder{padding:1rem}}@media screen and (max-width: 500px){.search-bar{width:100%;font-size:1rem}.search-bar:focus{border:none}}.username{font-size:10vw;text-transform:capitalize;text-align:center;color:#fff;text-decoration:solid 2px white underline;text-underline-offset:1rem}.no-code-message{font-size:3rem;padding:4rem;text-align:center}.user-card-head{background-color:#fd992f;border-radius:8px 8px 0 0;color:#fff}.user-blur{position:absolute;bottom:0;background:rgb(0,0,0);background:linear-gradient(0deg,rgba(245,209,156,.791),rgba(255,255,255,.516) 100% 0%);width:100%;height:4rem;border-radius:0 0 8px 8px;backdrop-filter:blur(5px)}.user-card-button{background-color:#f5b01be6!important;margin-top:5%!important;margin-right:6%!important}.user-card-button:hover{background-color:#895e0de6!important}.search-code-body{background:rgb(0,0,0);background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(255,178,106,.717) 77%);padding-top:6rem}@media screen and (max-width: 500px){.username{font-size:15vw}}.profile-item{background-color:#61ff90;font-size:2rem;padding:1rem;width:70%;margin-inline:auto;text-align:center;margin-top:2rem;border-radius:13px;box-shadow:6px 10px 6px #ebabfa95;overflow:hidden;transition:.5s}.profile-item:hover{transform:translate3d(0,-10px,0);box-shadow:8px 12px 12px #9c65a895}.profile-item h1{display:inline-block;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}@media screen and (max-width: 660px){.profile-item{width:87%;font-size:1.5rem;overflow:auto}}.center-image{padding-top:5rem;display:block;margin-left:auto;margin-right:auto;width:40%}@media only screen and (max-width: 600px){.center-image{width:80%}}body{margin:0;padding:0;overflow-x:hidden}a{text-decoration:none;color:inherit}a:hover{color:inherit}.scroll-fix{padding:0;margin:0}.row{max-width:100vw;overflow:hidden}.newLine{white-space:pre-wrap}