@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);
body{width:100%;height:100%}:root{--theme-bg-color: rgba(16 18 27 / 30%);--border-color: rgba(113 119 144 / 25%);--theme-color: #f9fafb;--inactive-color: rgba(113, 119, 144 , 0.78);--body-font: "Poppins", sans-serif;--hover-menu-bg: rgba(12 15 25 / 30%);--content-title-color: #999ba5;--content-bg: rgba(146 ,151,179, 0.13);--button-inactive: rgba(249 ,250, 251, 0.55);--dropdown-bg: #21242d;--dropdown-hover: rgba(42, 46, 60);--popup-bg: rgba(22, 25, 37);--search-bg: #14162b;--overlay-bg: rgba(36, 39, 59, 0.3);--scrollbar-bg: rgba(1,2 ,3 , 0.40)}.light-mode{--theme-bg-color: rgba(255 ,255, 255 ,0.31);--theme-color: #3c3a3a;--inactive-color: #333333;--button-inactive: #3c3a3a;--search-bg: rgba(255 ,255, 255 ,0.31);--dropdown-bg: #f7f7f7;--overlay-bg: rgba(255 ,255, 255 ,0.30);--dropdown-hover: rgba(236, 236 ,236);--border-color: rgba(255, 255, 255, 0.35);--popup-bg: rgba(255, 255, 255);--hover-menu-bg: rgba(255 ,255, 255 ,0.35);--scrollbar-bg:rgba(253 ,253, 253 ,0.35);--content-title-color: --theme-color}*{margin:0;padding:0;font-family:var(--body-font)}*::after,*::before{box-sizing:inherit}html,body{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-size:65.3%;background-size:cover;background-position:center}@media only screen and (min-width: 650px){html,body{font-size:100%}}.app{width:100%;height:100%;background-image:linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%)}.card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(66,69,76,.75);border-radius:12px;border:1px solid rgba(255,255,255,.125)}
*{margin:0;outline:none}.homePageContainer{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:-1}.homePageContainer__glassWrapper{height:99%;height:98vh;width:99%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--theme-bg-color);border-radius:10px;backdrop-filter:blur(10px);z-index:100;position:absolute;box-shadow:0 4px 30px rgba(0,0,0,.1);border:.5px solid rgba(255,255,255,.3);padding:20px;box-sizing:border-box;gap:40px}.homePageContainer header{height:10vh;width:100%;font-size:2rem;font-weight:600;color:#fff}.homePageContainer header nav{width:100%;display:flex;justify-content:space-between;align-items:center}.homePageContainer header nav ul{display:flex;justify-content:center;align-items:center;font-size:15px;gap:80px;list-style:none}@media only screen and (min-width: 350px)and (max-width: 600px){.homePageContainer header nav ul{display:none}}.homePageContainer main{height:80vh;display:flex;justify-content:space-around;align-items:center;flex:1;width:100%}@media only screen and (min-width: 320px)and (max-width: 700px){.homePageContainer main{flex-direction:column;height:fit-content;height:80%}}.homePageContainer main section{flex:.5;height:100%;display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 320px)and (max-width: 700px){.homePageContainer main section{width:100%}}.homePageContainer main section h1{font-size:30px;color:#f5f5f5}.homePageContainer main .section1{flex-direction:column;gap:50px;order:1}@media only screen and (min-width: 350px)and (max-width: 600px){.homePageContainer main .section1{order:2}}.homePageContainer main .section2{order:2}@media only screen and (min-width: 350px)and (max-width: 600px){.homePageContainer main .section2{order:1}}.homePageContainer footer{height:10vh}.homePageContainer img{width:40%;height:70vh}.homePageContainer body{background-color:blue}.homePageContainer button{top:0;left:0;transition:all .15s linear 0s;position:relative;display:inline-block;padding:15px 25px;background-image:linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);border:none;text-transform:uppercase;color:#404040;font-family:arial;letter-spacing:1px;font-weight:600;cursor:pointer;box-shadow:-6px 6px 0 #404040;text-decoration:none;box-sizing:border-box;color:#fff}.homePageContainer button:hover{top:3px;left:-3px;box-shadow:-3px 3px 0 #404040}.homePageContainer button:hover::after{top:1px;left:-2px;width:4px;height:4px}.homePageContainer button:hover::before{bottom:-2px;right:1px;width:4px;height:4px}.homePageContainer button::after{transition:all .15s linear 0s;content:"";position:absolute;top:2px;left:-4px;width:8px;height:8px;background-color:#404040;transform:rotate(45deg);z-index:-1}.homePageContainer button::before{transition:all .15s linear 0s;content:"";position:absolute;bottom:-4px;right:2px;width:8px;height:8px;background-color:#404040;transform:rotate(45deg);z-index:-1}
.aurora-outer{box-sizing:border-box;height:95vh;width:100vw}.card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(37,40,44,.75);border-radius:12px;border:1px solid rgba(255,255,255,.125);width:200px;height:95vh}.homeContainer{display:flex;justify-content:space-around;align-items:center;flex:1;margin:5px;background-size:cover;background-position:center}
.header{display:flex;height:5vh;width:100vw}.text{text-transform:uppercase;background-image:linear-gradient(to right, white, red, black, black);-webkit-background-clip:text;background-clip:text;font-size:30px;padding-left:20px;color:transparent;background-size:300%;background-position:-100%;animation:animatedText 5s infinite alternate-reverse}@keyframes animatedText{to{background-position:100%}}
.footer{display:flex;height:5vh;width:100vw}
.homeSidebarContainer{justify-content:space-around;align-items:flex-start;flex:.12;height:85vh;padding:20px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background-color:var(--theme-bg-color);border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:15px;font-weight:300;color:#fff;outline-color:#000;border-right:.1px solid #fff;border-top-right-radius:0px;border-bottom-right-radius:0px}.homeSidebarContainer__item{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;justify-content:flex-start;align-items:center;width:90%;white-space:nowrap;gap:5px;padding:10px}.homeSidebarContainer__item:hover{background-color:var(--hover-menu-bg);border-radius:5px}.homeSidebarContainer__item>img{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.homeSidebarContainer{display:none}}
.homeHooks{display:flex;flex:.9;height:90vh;max-height:fit-content;background-color:var(--theme-bg-color);border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-left-radius:0px;border-bottom-left-radius:0px}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks{height:fit-content;width:100vw}}.homeHooks__container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;height:100%;width:100%;flex:1;box-sizing:border-box}.homeHooks__container__filters{flex:.1;width:100%;flex-direction:row;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;border-top-color:violet}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks__container__filters{flex:none;height:90px;flex-direction:column}}.homeHooks__container__filters__search{width:80%;height:100%;box-sizing:border-box;display:flex;position:relative}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks__container__filters__search{width:100%;border-bottom:.5px solid #000}}.homeHooks__container__filters__search img{width:30px;height:30px;display:flex;justify-content:center;align-items:center;top:15px;left:20px;position:absolute}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks__container__filters__search img{top:10px}}.homeHooks__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks__container__filters__filter{width:100%}}.homeHooks__container__filters input,.homeHooks__container__filters select{width:100%;height:100%;background-color:transparent;padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:transparent}.homeHooks__container__filters input{padding:0px 60px;font-size:15px}.homeHooks__container__filters input::placeholder{color:#f5f5f5}.homeHooks__container__filters select{border-left-color:#fff}.homeHooks__container__tags{width:100%;flex:.2;display:flex;justify-content:flex-start;align-items:center;gap:40px;padding:0px 20px;box-sizing:border-box;background-color:var(--theme-bg-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow-x:scroll}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks__container__tags{flex:none;height:60px}}.homeHooks__container__tags__tag{width:fit-content;height:30px;padding:13px;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;border-radius:10px;background-color:transparent;box-sizing:border-box;border:.3px solid #000;font-size:16px}.homeHooks__container__cards{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;flex:.6;gap:20px;padding:10px 10px;box-sizing:border-box}.homeHooks__container__cards__card{flex:0 0 30%;height:150px;background-color:var(--theme-bg-color);border-radius:10px;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(20px);color:#fff;text-align:center;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;cursor:pointer;box-sizing:border-box;padding:20px;font-size:16px;gap:5px;z-index:10;position:relative;transition:transform 100ms ease}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks__container__cards__card{flex:0 0 100%;padding:5px}}.homeHooks__container__cards__card img{width:60px;height:60px}.homeHooks__container__cards__card__row1,.homeHooks__container__cards__card__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.homeHooks__container__cards__card__row2{align-items:baseline;justify-content:space-between;font-size:12px}.homeHooks__container__cards__card__row2 span{color:#9ef68e}.homeHooks__container__cards__card__row2__tag{width:fit-content;height:30px;padding:13px;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;border-radius:10px;background-color:transparent;box-sizing:border-box;border:.3px solid #000;font-size:14px}.homeHooks__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.homeHooks__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box}.homeHooks__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.homeHooks__container__pagination__items__item:hover{width:30px;height:30px;background-color:var(--theme-bg-color);border-radius:50%;display:flex;justify-content:center;align-items:center}.circle{border-radius:50%;background-color:#fff;height:50px;width:50px;position:absolute;bottom:0;z-index:10000000}@media only screen and (min-width: 600px){.circle{display:none}}
.challengeContainer{height:90vh;width:100vw;height:100vh;width:100vw;display:flex;justify-content:center;align-items:flex-end;font-size:15px;color:#fff;font-family:var(--body-font)}@media(max-width: 600px){.challengeContainer{flex-direction:column}}.challengeContainer__description{width:40vw;height:90vh;overflow-y:scroll;text-align:center;box-shadow:inset 0 0 0 5px rgba(255,255,255,.08);background:rgba(0,0,0,.8);backdrop-filter:saturate(180%) blur(10px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;padding:20px;box-sizing:border-box}@media(max-width: 600px){.challengeContainer__description{width:100%;height:40vh}}@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none){.challengeContainer__description .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.challengeContainer__description__title{background:-webkit-linear-gradient(#eee, #333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;justify-content:flex-start;align-items:center;width:90%;font-size:18px;gap:10px}.challengeContainer__description__title img{margin-left:auto}.challengeContainer__description__desc{width:90%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;text-align:justify;gap:10px}.challengeContainer__description__desc span{background:-webkit-linear-gradient(#eee, #333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:18px}.challengeContainer__description__tags{width:90%}.challengeContainer__description__tags>ul{display:flex;justify-content:flex-start;align-items:center;gap:20px;list-style:none}.challengeContainer__description__tags>ul li{border-radius:5px;width:fit-content;height:fit-content;padding:5px;border:.5px solid #fff;outline:none;font-size:12px;background:-webkit-linear-gradient(#eee, #333);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.challengeContainer__description>img{height:250px;width:80%}.challengeContainer__playground{width:60vw;height:90vh;text-align:center}@media(max-width: 600px){.challengeContainer__playground{width:100%;height:60vh}}.challengeContainer__playground>*{width:60vw;height:90vh;outline:none !important;border:.5px solid #000 !important}@media(max-width: 600px){.challengeContainer__playground>*{width:100%;height:60vh}}hr{border-radius:5px;border:.5px solid #fff}
.container{display:flex;justify-content:center;align-items:center;height:100vh}.loader{position:relative;width:180px;height:180px}.loader::before,.loader::after{content:"";position:absolute;inset:0;border-radius:50%}.loader::before{background:#be7828;animation:animate 2s ease-in-out infinite}.loader::after{background:rgba(56,109,241,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:animate 2s ease-in-out infinite;z-index:1;animation-delay:-1s}@keyframes animate{0%,100%{transform:translateX(-80px)}50%{transform:translateX(80px)}}
.homeRouter{display:flex;flex:.9;height:90vh;background-color:var(--theme-bg-color);border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-left-radius:0px;border-bottom-left-radius:0px}.homeRouter__container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;height:100%;width:100%;flex:1;box-sizing:border-box}.homeRouter__container__filters{flex:.1;width:100%;flex-direction:row;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;border-top-color:violet}.homeRouter__container__filters__search{width:80%;height:100%;box-sizing:border-box;display:flex;position:relative}.homeRouter__container__filters__search img{width:30px;height:30px;display:flex;justify-content:center;align-items:center;top:15px;left:20px;position:absolute}.homeRouter__container__filters__filter{width:20%;height:100%}.homeRouter__container__filters input,.homeRouter__container__filters select{width:100%;height:100%;background-color:transparent;padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:transparent}.homeRouter__container__filters input{padding:0px 60px;font-size:15px}.homeRouter__container__filters input::placeholder{color:#f5f5f5}.homeRouter__container__filters select{border-left-color:#fff}.homeRouter__container__tags{width:100%;flex:.2;display:flex;display:flex;justify-content:flex-start;align-items:center;gap:40px;padding:0px 20px;box-sizing:border-box;background-color:var(--theme-bg-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.homeRouter__container__tags__tag{width:fit-content;height:30px;padding:13px;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;border-radius:10px;background-color:transparent;box-sizing:border-box;border:.3px solid #000;font-size:16px}.homeRouter__container__cards{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;flex:.6;gap:20px;padding:10px 10px;box-sizing:border-box}.homeRouter__container__cards__card{flex:0 0 30%;height:150px;background-color:var(--theme-bg-color);border-radius:10px;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(20px);color:#fff;text-align:center;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;cursor:pointer;box-sizing:border-box;padding:20px;font-size:16px;gap:5px;z-index:10;position:relative;transition:transform 100ms ease}.homeRouter__container__cards__card img{width:60px;height:60px}.homeRouter__container__cards__card__row1,.homeRouter__container__cards__card__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.homeRouter__container__cards__card__row2{align-items:baseline;justify-content:space-between;font-size:12px}.homeRouter__container__cards__card__row2 span{color:#9ef68e}.homeRouter__container__cards__card__row2__tag{width:fit-content;height:30px;padding:13px;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;border-radius:10px;background-color:transparent;box-sizing:border-box;border:.3px solid #000;font-size:14px}.homeRouter__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.homeRouter__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box}.homeRouter__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.homeRouter__container__pagination__items__item:hover{width:30px;height:30px;background-color:var(--theme-bg-color);border-radius:50%;display:flex;justify-content:center;align-items:center}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}