@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 / 25%);--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);--lightning-yellow: #FFA726;--lightning-pink: #FF26A7;--lightning-green: #A7FF26;--lightning-purple: #A726FF;--lightning-blue: #26A7FF;--lightning-mint: #26FFA7}.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(315deg, #7f5a83 0%, #0d324d 74%);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;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;z-index:-1;box-sizing:border-box}.homePageContainer__glassWrapper{height:99%;height:98vh;width:99%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;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;box-sizing:border-box}.homePageContainer header nav{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:nowrap;height:60px}.homePageContainer header nav ul{display:flex;justify-content:center;align-items:center;font-size:15px;gap:80px;list-style:none;cursor:pointer}@media only screen and (min-width: 300px)and (max-width: 600px){.homePageContainer header nav ul{display:none}}.homePageContainer header nav ul li{display:flex;justify-content:center;align-items:center}.homePageContainer header nav ul li span img{width:20px;height:20px;margin:5px}.homePageContainer main{height:80vh;display:flex;justify-content:space-around;align-items:center;flex:1;width:100%;box-sizing:border-box}@media only screen and (min-width: 300px)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: 300px)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}.homePageContainer main .section1 h1{font-family:var(--body-font);font-weight:400}.homePageContainer main .section1 h1 span{font-weight:600}@media only screen and (min-width: 300px)and (max-width: 600px){.homePageContainer main .section1{order:2}.homePageContainer main .section1 h1{text-align:center;font-family:var(--body-font)}}.homePageContainer main .section2{order:2}@media only screen and (min-width: 300px)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}#bottomNavigation{display:none}@media screen and (min-width: 300px)and (max-width: 600px){#bottomNavigation{display:flex;width:90%;position:fixed;bottom:-100%;background-color:rgba(0,0,0,0);justify-content:center;align-items:center;gap:20px;box-sizing:border-box;height:50px;background-color:rgba(16,18,27,.1);backdrop-filter:blur(20px);border-top-left-radius:50px;border-top-right-radius:50px;color:#f5f5f5;font-size:12px;z-index:1000000000}}button{background-color:#fff;color:#202020;font-weight:600;padding:15px 25px;border-radius:35px;font-family:arial;border:1px solid rgba(0,0,0,0);cursor:pointer;text-decoration:none;box-sizing:border-box;box-shadow:4px 4px 4px -1px rgba(197,94,255,.74);font-size:20px;transition:all .1s cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 300px)and (max-width: 600px){button{box-shadow:4px 4px 4px -1px rgba(228,115,34,.74)}}button:hover{transform:scale(1.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:center;align-items:center;flex:1;background-size:cover;background-position:center}
.header{display:flex;height:7vh}@media screen and (max-width: 600px){.header{display:none}}header{height:7vh;width:100%;font-size:2rem;font-weight:600;color:#fff;box-sizing:border-box}header nav{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:nowrap;height:60px}header nav ul{display:flex;justify-content:center;align-items:center;font-size:15px;gap:80px;padding-right:30px;list-style:none;cursor:pointer}@media only screen and (min-width: 300px)and (max-width: 600px){header nav ul{display:none}}header nav ul li{display:flex;justify-content:center;align-items:center;color:#fff}header nav ul li span img{width:20px;height:20px;margin:5px}.text{text-transform:uppercase;background-image:linear-gradient(to right, white, red, black, white);-webkit-background-clip:text;background-clip:text;font-size:20px;padding-left:15px;color:rgba(0,0,0,0);background-size:300%;background-position:-100%;animation:animatedText 5s infinite alternate-reverse;position:relative}@media only screen and (min-width: 300px)and (max-width: 600px){.text{display:none}}@keyframes animatedText{to{background-position:100%}}@media only screen and (min-width: 300px)and (max-width: 600px){.titlelogo{display:none}}
.footer{display:flex;height:3vh;width:100vw;box-sizing:border-box;font-size:12px;justify-content:center;padding:2px 10px}
.homeSidebarContainer{justify-content:space-around;align-items:flex-start;flex:.12;height:90vh;box-sizing:border-box;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;cursor:pointer;padding:10px}.homeSidebarContainer__item:hover,.homeSidebarContainer__item--active{background-color:var(--hover-menu-bg);border-radius:5px;width:90%;white-space:nowrap;gap:5px;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px}.homeSidebarContainer__item>img,.homeSidebarContainer__item:hover img,.homeSidebarContainer__item--active img{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.homeSidebarContainer{display:none}}
.homeHooks{display:flex;flex:.87;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}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks__container{min-height:100vh}}.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:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.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:.15;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}@media only screen and (min-width: 300px)and (max-width: 600px){.homeHooks__container__tags{flex:none;height:60px;overflow-x:scroll}}.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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #a9a9a9;font-size:16px;cursor:pointer}.homeHooks__container__tags__tag span--notActive,.homeHooks__container__tags__tag span--notActive::before,.homeHooks__container__tags__tag .tagicon--notActive,.homeHooks__container__tags__tag .tagicon--notActive::before{content:"o";position:"relative"}.homeHooks__container__tags__tag span--active,.homeHooks__container__tags__tag span--active::before,.homeHooks__container__tags__tag .tagicon--active,.homeHooks__container__tags__tag .tagicon--active::before{content:"x";position:"relative";color:#000}.homeHooks__container__cards{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;flex:.8;gap:20px;padding:10px 10px;box-sizing:border-box}.homeHooks__container__cards__card{flex:0 0 30%;height:35%;min-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:18px;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;max-height:700px}}.homeHooks__container__cards__card img{width:40px;height:40px}.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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #a9a9a9;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;margin:auto auto;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box;padding-bottom:30px}.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}}
.container{display:flex;justify-content:center;align-items:flex-start;height:fit-content;margin:auto auto;width:80%}@media only screen and (min-width: 300px)and (max-width: 600px){.container{margin-top:50px;height:600px}}.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)}}
.mobileTopicsContainer{justify-content:space-between;align-items:flex-start;flex:.2;max-height:100px;overflow-x:scroll;box-sizing:border-box;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;width:100%;background-color:var(--theme-bg-color);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;border-bottom:.5px solid #000;gap:10px}.mobileTopicsContainer__item{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;border:1px solid #fff;border-radius:10px;justify-content:flex-start;align-items:center;width:90%;white-space:nowrap;gap:5px;padding:15px 20px}.mobileTopicsContainer__item--active{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;border:1px solid #fff;border-radius:10px;justify-content:flex-start;align-items:center;width:90%;white-space:nowrap;gap:5px;padding:15px 20px;background-color:var(--hover-menu-bg)}.mobileTopicsContainer__item:hover{background-color:var(--hover-menu-bg);border-radius:5px}.mobileTopicsContainer__item>img,.mobileTopicsContainer__item--active img{width:12px;height:100%}@media only screen and (min-width: 600px){.mobileTopicsContainer{display:none}}

.challengePageNavigation{height:7vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:5px}.challengePageNavigation img{width:40px;height:40px;cursor:pointer;margin:0px 3px;box-sizing:border-box}.challengePageNavigation h3{cursor:pointer}.challengePageWrapper{display:"flex";height:"100vh";width:"100vw";box-sizing:"border-box";flex-direction:column;align-items:center}.challengeContainer{height:93vh;width:100vw;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;flex-wrap:nowrap;font-size:15px;color:#fff;font-family:var(--body-font)}@media(max-width: 600px){.challengeContainer{flex-direction:column;height:auto}}.challengeContainer__description{scrollbar-width:none;-ms-overflow-style:none;width:40vw;height:93vh;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;flex-wrap:nowrap;gap:30px;padding:20px;box-sizing:border-box;overflow-y:scroll;text-align:center}@media(max-width: 600px){.challengeContainer__description{width:100%;height:fit-content}}@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none){.challengeContainer__description .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.challengeContainer__description__title{color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:90%;font-size:18px;gap:10px}.challengeContainer__description__title img{margin-left:auto;cursor:pointer}.challengeContainer__description__desc{width:90%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;text-align:justify;gap:10px;background-color:#fff;color:#000;border-radius:5px;padding:20px 20px;box-sizing:border-box;text-align:justify;width:120% span;width-color:#fff;width-font-size:18px;width-font-weight:600}.challengeContainer__description__tags{width:90%}.challengeContainer__description__tags>ul{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;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;color:#f5f5f5}.challengeContainer__description>img{height:250px;width:97%;cursor:pointer}.challengeContainer__description__solution{background-color:gray;padding:8px;border:1px solid gray;color:#fff;border-radius:3px;text-decoration:none;z-index:-1}.challengeContainer__description__solution img{width:40px;height:40px;z-index:100}.challengeContainer__description::-webkit-scrollbar{display:none}.challengeContainer__playground{width:59.8vw;height:93vh;box-sizing:border-box;text-align:center}@media(max-width: 600px){.challengeContainer__playground{width:100%;height:60vh}}.challengeContainer__playground>*{width:59.8vw;height:93vh;box-sizing:border-box;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}
.homeRouter{display:flex;flex:.87;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){.homeRouter{height:fit-content;width:100vw}}.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}@media only screen and (min-width: 300px)and (max-width: 600px){.homeRouter__container__filters{flex:none;height:90px;flex-direction:column}}.homeRouter__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){.homeRouter__container__filters__search{width:100%;border-bottom:.5px solid #000}}.homeRouter__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){.homeRouter__container__filters__search img{top:10px}}.homeRouter__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.homeRouter__container__filters__filter{width:100%}}.homeRouter__container__filters input,.homeRouter__container__filters select{width:100%;height:100%;background-color:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.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:.15;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){.homeRouter__container__tags{flex:none;height:60px}}.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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:16px}.homeRouter__container__cards{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;flex:.8;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}@media only screen and (min-width: 300px)and (max-width: 600px){.homeRouter__container__cards__card{flex:0 0 100%;padding:5px}}.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:rgba(0,0,0,0);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;padding-bottom:30px}.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}.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}}.mobileTopicsContainer{justify-content:space-between;align-items:flex-start;flex:.2;overflow-x:scroll;box-sizing:border-box;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;width:100%;background-color:var(--theme-bg-color);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;border-bottom:.5px solid #000}.mobileTopicsContainer__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:15px 20px}.mobileTopicsContainer__item:hover{background-color:var(--hover-menu-bg);border-radius:5px}.mobileTopicsContainer__item>img{width:20px;height:100%}@media only screen and (min-width: 600px){.mobileTopicsContainer{display:none}}
.RouterComponent{display:flex;flex:.87;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){.RouterComponent{height:fit-content;width:100vw}}.RouterComponent__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}@media only screen and (min-width: 300px)and (max-width: 600px){.RouterComponent__container{min-height:90vh}}.RouterComponent__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){.RouterComponent__container__filters{flex:none;height:90px;flex-direction:column}}.RouterComponent__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){.RouterComponent__container__filters__search{width:100%;border-bottom:.5px solid #000}}.RouterComponent__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){.RouterComponent__container__filters__search img{top:10px}}.RouterComponent__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.RouterComponent__container__filters__filter{width:100%}}.RouterComponent__container__filters input,.RouterComponent__container__filters select{width:100%;height:100%;background-color:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.RouterComponent__container__filters input{padding:0px 60px;font-size:15px}.RouterComponent__container__filters input::placeholder{color:#f5f5f5}.RouterComponent__container__filters select{border-left-color:#fff}.RouterComponent__container__tags{width:100%;flex:.15;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}@media only screen and (min-width: 300px)and (max-width: 600px){.RouterComponent__container__tags{flex:none;height:60px;overflow-x:scroll}}.RouterComponent__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:16px;cursor:pointer}.RouterComponent__container__tags__tag span--notActive,.RouterComponent__container__tags__tag span--notActive::before,.RouterComponent__container__tags__tag .tagicon--notActive,.RouterComponent__container__tags__tag .tagicon--notActive::before{content:"o";position:"relative"}.RouterComponent__container__tags__tag span--active,.RouterComponent__container__tags__tag span--active::before,.RouterComponent__container__tags__tag .tagicon--active,.RouterComponent__container__tags__tag .tagicon--active::before{content:"x";position:"relative";color:#000}.RouterComponent__container__cards{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;flex:.8;gap:20px;padding:10px 10px;box-sizing:border-box}.RouterComponent__container__cards__card{flex:0 0 30%;height:35%;min-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){.RouterComponent__container__cards__card{flex:0 0 100%;padding:5px}}.RouterComponent__container__cards__card img{width:40px;height:40px}.RouterComponent__container__cards__card__row1,.RouterComponent__container__cards__card__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.RouterComponent__container__cards__card__row2{align-items:baseline;justify-content:space-between;font-size:12px}.RouterComponent__container__cards__card__row2 span{color:#9ef68e}.RouterComponent__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:14px}.RouterComponent__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.RouterComponent__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box;padding-bottom:30px}.RouterComponent__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.RouterComponent__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}}
.customHooks{display:flex;flex:.87;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){.customHooks{height:fit-content;width:100vw}}.customHooks__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}@media only screen and (min-width: 300px)and (max-width: 600px){.customHooks__container{min-height:90vh}}.customHooks__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){.customHooks__container__filters{flex:none;height:90px;flex-direction:column}}.customHooks__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){.customHooks__container__filters__search{width:100%;border-bottom:.5px solid #000}}.customHooks__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){.customHooks__container__filters__search img{top:10px}}.customHooks__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.customHooks__container__filters__filter{width:100%}}.customHooks__container__filters input,.customHooks__container__filters select{width:100%;height:100%;background-color:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.customHooks__container__filters input{padding:0px 60px;font-size:15px}.customHooks__container__filters input::placeholder{color:#f5f5f5}.customHooks__container__filters select{border-left-color:#fff}.customHooks__container__tags{width:100%;flex:.15;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}@media only screen and (min-width: 300px)and (max-width: 600px){.customHooks__container__tags{flex:none;height:60px;overflow-x:scroll}}.customHooks__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:16px;cursor:pointer}.customHooks__container__tags__tag span--notActive,.customHooks__container__tags__tag span--notActive::before,.customHooks__container__tags__tag .tagicon--notActive,.customHooks__container__tags__tag .tagicon--notActive::before{content:"o";position:"relative"}.customHooks__container__tags__tag span--active,.customHooks__container__tags__tag span--active::before,.customHooks__container__tags__tag .tagicon--active,.customHooks__container__tags__tag .tagicon--active::before{content:"x";position:"relative";color:#000}.customHooks__container__cards{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;flex:.8;gap:20px;padding:10px 10px;box-sizing:border-box}.customHooks__container__cards__card,.customHooks__container__cards__card--disable{flex:0 0 30%;height:35%;min-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;overflow:hidden;transition:transform 100ms ease}@media only screen and (min-width: 300px)and (max-width: 600px){.customHooks__container__cards__card,.customHooks__container__cards__card--disable{flex:0 0 100%;padding:5px}}.customHooks__container__cards__card img,.customHooks__container__cards__card--disable img{width:40px;height:40px}.customHooks__container__cards__card__row1,.customHooks__container__cards__card__row2,.customHooks__container__cards__card--disable__row1,.customHooks__container__cards__card--disable__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.customHooks__container__cards__card__row2,.customHooks__container__cards__card--disable__row2{align-items:baseline;justify-content:space-between;font-size:12px}.customHooks__container__cards__card__row2 span,.customHooks__container__cards__card--disable__row2 span{color:#9ef68e}.customHooks__container__cards__card__row2__tag,.customHooks__container__cards__card--disable__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:14px}.customHooks__container__cards__card--disable,.customHooks__container__cards__card--disable--disable{opacity:.8;pointer-events:none}.customHooks__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.customHooks__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box;padding-bottom:30px}.customHooks__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.customHooks__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}}
.debugging{display:flex;flex:.87;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){.debugging{height:fit-content;width:100vw}}.debugging__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}@media only screen and (min-width: 300px)and (max-width: 600px){.debugging__container{min-height:100vh}}.debugging__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){.debugging__container__filters{flex:none;height:90px;flex-direction:column}}.debugging__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){.debugging__container__filters__search{width:100%;border-bottom:.5px solid #000}}.debugging__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){.debugging__container__filters__search img{top:10px}}.debugging__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.debugging__container__filters__filter{width:100%}}.debugging__container__filters input,.debugging__container__filters select{width:100%;height:100%;background-color:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.debugging__container__filters input{padding:0px 60px;font-size:15px}.debugging__container__filters input::placeholder{color:#f5f5f5}.debugging__container__filters select{border-left-color:#fff}.debugging__container__tags{width:100%;flex:.15;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}@media only screen and (min-width: 300px)and (max-width: 600px){.debugging__container__tags{flex:none;height:60px;overflow-x:scroll}}.debugging__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:16px;cursor:pointer}.debugging__container__tags__tag span--notActive,.debugging__container__tags__tag span--notActive::before,.debugging__container__tags__tag .tagicon--notActive,.debugging__container__tags__tag .tagicon--notActive::before{content:"o";position:"relative"}.debugging__container__tags__tag span--active,.debugging__container__tags__tag span--active::before,.debugging__container__tags__tag .tagicon--active,.debugging__container__tags__tag .tagicon--active::before{content:"x";position:"relative";color:#000}.debugging__container__cards{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;flex:.8;gap:20px;padding:10px 10px;box-sizing:border-box}.debugging__container__cards__card{flex:0 0 30%;height:35%;min-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){.debugging__container__cards__card{flex:0 0 100%;padding:5px}}.debugging__container__cards__card img{width:40px;height:40px}.debugging__container__cards__card__row1,.debugging__container__cards__card__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.debugging__container__cards__card__row2{align-items:baseline;justify-content:space-between;font-size:12px}.debugging__container__cards__card__row2 span{color:#9ef68e}.debugging__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:14px}.debugging__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.debugging__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box;padding-bottom:30px}.debugging__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.debugging__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}}
.contextApi{display:flex;flex:.87;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){.contextApi{height:fit-content;width:100vw}}.contextApi__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}@media only screen and (min-width: 300px)and (max-width: 600px){.contextApi__container{min-height:90vh}}.contextApi__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){.contextApi__container__filters{flex:none;height:90px;flex-direction:column}}.contextApi__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){.contextApi__container__filters__search{width:100%;border-bottom:.5px solid #000}}.contextApi__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){.contextApi__container__filters__search img{top:10px}}.contextApi__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.contextApi__container__filters__filter{width:100%}}.contextApi__container__filters input,.contextApi__container__filters select{width:100%;height:100%;background-color:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.contextApi__container__filters input{padding:0px 60px;font-size:15px}.contextApi__container__filters input::placeholder{color:#f5f5f5}.contextApi__container__filters select{border-left-color:#fff}.contextApi__container__tags{width:100%;flex:.15;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}@media only screen and (min-width: 300px)and (max-width: 600px){.contextApi__container__tags{flex:none;height:60px;overflow-x:scroll}}.contextApi__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:16px;cursor:pointer}.contextApi__container__tags__tag span--notActive,.contextApi__container__tags__tag span--notActive::before,.contextApi__container__tags__tag .tagicon--notActive,.contextApi__container__tags__tag .tagicon--notActive::before{content:"o";position:"relative"}.contextApi__container__tags__tag span--active,.contextApi__container__tags__tag span--active::before,.contextApi__container__tags__tag .tagicon--active,.contextApi__container__tags__tag .tagicon--active::before{content:"x";position:"relative";color:#000}.contextApi__container__cards{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;flex:.8;gap:20px;padding:10px 10px;box-sizing:border-box}.contextApi__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){.contextApi__container__cards__card{flex:0 0 100%;padding:5px}}.contextApi__container__cards__card img{width:40px;height:40px}.contextApi__container__cards__card__row1,.contextApi__container__cards__card__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.contextApi__container__cards__card__row2{align-items:baseline;justify-content:space-between;font-size:12px}.contextApi__container__cards__card__row2 span{color:#9ef68e}.contextApi__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:14px}.contextApi__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.contextApi__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box;padding-bottom:30px}.contextApi__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.contextApi__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}}
.BlogsPage{display:flex;flex:.87;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){.BlogsPage{height:fit-content;width:100vw}}.BlogsPage__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}@media only screen and (min-width: 300px)and (max-width: 600px){.BlogsPage__container{min-height:90vh}}.BlogsPage__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){.BlogsPage__container__filters{flex:none;height:90px;flex-direction:column}}.BlogsPage__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){.BlogsPage__container__filters__search{width:100%;border-bottom:.5px solid #000}}.BlogsPage__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){.BlogsPage__container__filters__search img{top:10px}}.BlogsPage__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.BlogsPage__container__filters__filter{width:100%}}.BlogsPage__container__filters input,.BlogsPage__container__filters select{width:100%;height:100%;background-color:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.BlogsPage__container__filters input{padding:0px 60px;font-size:15px}.BlogsPage__container__filters input::placeholder{color:#f5f5f5}.BlogsPage__container__filters select{border-left-color:#fff}.BlogsPage__container__tags{width:100%;flex:.15;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}@media only screen and (min-width: 300px)and (max-width: 600px){.BlogsPage__container__tags{flex:none;height:60px;overflow-x:scroll}}.BlogsPage__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:16px;cursor:pointer}.BlogsPage__container__tags__tag span--notActive,.BlogsPage__container__tags__tag span--notActive::before,.BlogsPage__container__tags__tag .tagicon--notActive,.BlogsPage__container__tags__tag .tagicon--notActive::before{content:"o";position:"relative"}.BlogsPage__container__tags__tag span--active,.BlogsPage__container__tags__tag span--active::before,.BlogsPage__container__tags__tag .tagicon--active,.BlogsPage__container__tags__tag .tagicon--active::before{content:"x";position:"relative";color:#000}.BlogsPage__container__cards{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;width:100%;flex:.8;gap:20px;padding:10px 10px;box-sizing:border-box}.BlogsPage__container__cards__card{flex:0 0 30%;height:150px;box-sizing:border-box;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){.BlogsPage__container__cards__card{flex:0 0 100%;padding:5px}}.BlogsPage__container__cards__card img{width:40px;height:40px}.BlogsPage__container__cards__card__row1,.BlogsPage__container__cards__card__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.BlogsPage__container__cards__card__row2{align-items:baseline;justify-content:space-between;font-size:12px}.BlogsPage__container__cards__card__row2 span{color:#9ef68e}.BlogsPage__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:14px}.BlogsPage__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.BlogsPage__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box;padding-bottom:30px}.BlogsPage__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.BlogsPage__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}}
.projectsPage{display:flex;flex:.87;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){.projectsPage{height:fit-content;width:100vw}}.projectsPage__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}@media only screen and (min-width: 300px)and (max-width: 600px){.projectsPage__container{min-height:90vh}}.projectsPage__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){.projectsPage__container__filters{flex:none;height:90px;flex-direction:column}}.projectsPage__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){.projectsPage__container__filters__search{width:100%;border-bottom:.5px solid #000}}.projectsPage__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){.projectsPage__container__filters__search img{top:10px}}.projectsPage__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.projectsPage__container__filters__filter{width:100%}}.projectsPage__container__filters input,.projectsPage__container__filters select{width:100%;height:100%;background-color:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.projectsPage__container__filters input{padding:0px 60px;font-size:15px}.projectsPage__container__filters input::placeholder{color:#f5f5f5}.projectsPage__container__filters select{border-left-color:#fff}.projectsPage__container__tags{width:100%;flex:.15;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}@media only screen and (min-width: 300px)and (max-width: 600px){.projectsPage__container__tags{flex:none;height:60px;overflow-x:scroll}}.projectsPage__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:16px;cursor:pointer}.projectsPage__container__tags__tag span--notActive,.projectsPage__container__tags__tag span--notActive::before,.projectsPage__container__tags__tag .tagicon--notActive,.projectsPage__container__tags__tag .tagicon--notActive::before{content:"o";position:"relative"}.projectsPage__container__tags__tag span--active,.projectsPage__container__tags__tag span--active::before,.projectsPage__container__tags__tag .tagicon--active,.projectsPage__container__tags__tag .tagicon--active::before{content:"x";position:"relative";color:#000}.projectsPage__container__cards{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;flex:.8;gap:20px;padding:10px 10px;box-sizing:border-box}.projectsPage__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){.projectsPage__container__cards__card{flex:0 0 100%;padding:5px}}.projectsPage__container__cards__card img{width:60px;height:60px}.projectsPage__container__cards__card__row1,.projectsPage__container__cards__card__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.projectsPage__container__cards__card__row2{align-items:baseline;justify-content:space-between;font-size:12px}.projectsPage__container__cards__card__row2 span{color:#9ef68e}.projectsPage__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:14px}.projectsPage__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.projectsPage__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box;padding-bottom:30px}.projectsPage__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.projectsPage__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}}
.portal_ForwardRef{display:flex;flex:.87;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){.portal_ForwardRef{height:fit-content;width:100vw}}.portal_ForwardRef__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}@media only screen and (min-width: 300px)and (max-width: 600px){.portal_ForwardRef__container{min-height:100vh}}.portal_ForwardRef__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){.portal_ForwardRef__container__filters{flex:none;height:90px;flex-direction:column}}.portal_ForwardRef__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){.portal_ForwardRef__container__filters__search{width:100%;border-bottom:.5px solid #000}}.portal_ForwardRef__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){.portal_ForwardRef__container__filters__search img{top:10px}}.portal_ForwardRef__container__filters__filter{width:20%;height:100%}@media only screen and (min-width: 300px)and (max-width: 600px){.portal_ForwardRef__container__filters__filter{width:100%}}.portal_ForwardRef__container__filters input,.portal_ForwardRef__container__filters select{width:100%;height:100%;background-color:rgba(0,0,0,0);padding:0px 20px;box-sizing:border-box;outline:none;border-style:solid;border-color:rgba(0,0,0,0)}.portal_ForwardRef__container__filters input{padding:0px 60px;font-size:15px}.portal_ForwardRef__container__filters input::placeholder{color:#f5f5f5}.portal_ForwardRef__container__filters select{border-left-color:#fff}.portal_ForwardRef__container__tags{width:100%;flex:.15;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}@media only screen and (min-width: 300px)and (max-width: 600px){.portal_ForwardRef__container__tags{flex:none;height:60px;overflow-x:scroll}}.portal_ForwardRef__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:16px;cursor:pointer}.portal_ForwardRef__container__tags__tag span--notActive,.portal_ForwardRef__container__tags__tag span--notActive::before,.portal_ForwardRef__container__tags__tag .tagicon--notActive,.portal_ForwardRef__container__tags__tag .tagicon--notActive::before{content:"o";position:"relative"}.portal_ForwardRef__container__tags__tag span--active,.portal_ForwardRef__container__tags__tag span--active::before,.portal_ForwardRef__container__tags__tag .tagicon--active,.portal_ForwardRef__container__tags__tag .tagicon--active::before{content:"x";position:"relative";color:#000}.portal_ForwardRef__container__cards{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;flex:.8;gap:20px;padding:10px 10px;box-sizing:border-box}.portal_ForwardRef__container__cards__card{flex:0 0 30%;height:150px;box-sizing:border-box;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){.portal_ForwardRef__container__cards__card{flex:0 0 100%;padding:5px}}.portal_ForwardRef__container__cards__card img{width:40px;height:40px}.portal_ForwardRef__container__cards__card__row1,.portal_ForwardRef__container__cards__card__row2{display:flex;justify-content:space-between;align-items:center;width:95%}.portal_ForwardRef__container__cards__card__row2{align-items:baseline;justify-content:space-between;font-size:12px}.portal_ForwardRef__container__cards__card__row2 span{color:#9ef68e}.portal_ForwardRef__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:rgba(0,0,0,0);box-sizing:border-box;border:.3px solid #000;font-size:14px}.portal_ForwardRef__container__cards__card:hover{transform:scaleY(1.1);transform-origin:top left;z-index:100;position:relative;overflow:visible;backdrop-filter:blur(50px)}.portal_ForwardRef__container__pagination{display:flex;justify-content:center;align-items:center;width:50%;gap:20px;font-size:18px;flex:.1;box-sizing:border-box;padding-bottom:30px}.portal_ForwardRef__container__pagination__items{display:flex;justify-content:center;align-items:center;gap:40px;color:#000}.portal_ForwardRef__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}}
.addContainer{height:100vh;width:100%}form{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px}form input{width:30%;height:40px}form button{padding:10px}
.addContainer{height:fit-content;width:100%;padding-bottom:70px;display:flex;justify-content:center;align-items:center;flex-direction:column}.addContainer h4{color:#fff;font-size:30px;font-weight:500;margin:20px}form{width:40%;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;border:1px solid #d3d3d3;gap:20px;border-radius:10px}@media only screen and (min-width: 300px)and (max-width: 600px){form{min-width:80vw}}form input,form textarea{width:90%;height:40px;border-radius:5px;padding:5px 15px;border:1px solid #d3d3d3;font-size:16px}form textarea{height:70px}form button{padding:10px;width:20%;min-width:70px;min-height:50px}
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}