.App,.Home{display:flex;flex-direction:column;width:100%}.row{display:flex;flex-direction:row;width:100%}.image-text-style{font-size:36px;font-weight:700;cursor:pointer}.heighlight{color:#f5c24f}@media (max-width:600px){.row{flex-direction:column}}.Card{display:flex;flex-direction:column;align-items:center;width:100%;border-bottom:1px solid #f5c24f}.card-image{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-repeat:no-repeat;background-position:center;background-size:cover}.card-image p{margin:0}.ProjectCarousel{position:relative;display:flex;width:100%;overflow:visible}.card-wrapper{width:100%;height:440px;display:flex;align-items:center;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.card-wrapper::-webkit-scrollbar{display:none}.card-wrapper{-ms-overflow-style:none;scrollbar-width:none}.card-list{display:flex;gap:var(--gap)}.left-arrow{position:absolute;z-index:1;left:0;top:50%;transform:translateY(-50%);font-size:26px;font-weight:700;cursor:pointer;height:100px;opacity:.3}.right-arrow{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);font-size:26px;font-weight:700;cursor:pointer;height:100px;opacity:.3}.left-arrow:hover,.right-arrow:hover{opacity:1}.CarouselCardComplete{width:var(--carousel-card-width);height:400px;border:1px solid #333;scroll-snap-align:center;display:flex;position:relative;flex-direction:column;flex-shrink:0}.CarouselCardComplete:hover{transform:scale(1.1);margin:0 20px}.card-top{height:30%;width:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#24292d;padding:5px;border-bottom:2px solid black}.git-icon{width:30px;height:30px;border-radius:50%;margin-left:auto}.project-owner-image{width:80px;height:80px;border:1px solid black;border-radius:50%;position:absolute;top:30%;left:20px;transform:translateY(-70%)}.project-owner{text-align:left;margin:0 0 0 100px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff}.card-bottom{height:70%;width:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#0d1117;padding:35px 25px 25px;gap:10px;text-align:left}.project-name{display:flex;align-items:center;gap:5px;margin-bottom:10px}.project-name path{fill:#fff}.project-name a{text-decoration:none;color:#4493f8}.project-name a:hover{text-decoration:underline}.about-project{display:flex;flex-direction:column;align-items:start;color:#fff;font-size:14px}.about-project p{margin:5px 0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;line-clamp:2;-webkit-box-orient:vertical}.project-stats{width:100%;display:flex;justify-content:start;gap:20px;color:#9198a1;font-size:12px}.project-stat{display:flex;flex-direction:row;align-items:center;gap:2px}.project-stats path{fill:#9198a1}.repo-language-color{background-color:#3572a5;width:12px;height:12px;border-radius:50%}.SkeletonCard{width:var(--carousel-card-width);height:400px;border:1px solid #333;scroll-snap-align:center;display:flex;position:relative;flex-direction:column;flex-shrink:0}.SkeletonCard .card-top{height:30%;width:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#24292d;padding:5px;border-bottom:2px solid black}.SkeletonCard .git-icon{width:30px;height:30px;border-radius:50%;margin-left:auto}.SkeletonCard .project-owner-image{width:80px;height:80px;border:1px solid black;border-radius:50%;position:absolute;top:30%;left:20px;transform:translateY(-70%)}.SkeletonCard .owner-name{display:flex;flex-direction:column;margin:0 0 0 100px;width:calc(100% - 100px);gap:2px}.SkeletonCard .card-bottom{height:70%;width:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#0d1117;padding:35px 25px 25px;gap:10px;text-align:left}.SkeletonCard .project-name{display:flex;align-items:center;gap:5px;margin-bottom:10px}.SkeletonCard .about-project{display:flex;flex-direction:column;align-items:start;color:#fff;font-size:14px}.SkeletonCard .project-stats{width:100%;display:flex;justify-content:start;gap:20px;color:#9198a1;font-size:12px}.SkeletonCard .project-stat{display:flex;flex-direction:row;align-items:center;gap:2px}.SkeletonCard .project-stats path{fill:#9198a1}.repo-language-color{width:12px;height:12px;border-radius:50%}.skeleton-stroke{animation:skeleton-stroke-loading 1s linear infinite alternate}.skeleton-text{width:100%;height:12px;border-radius:.125rem}.skeleton-text:last-child{width:70%}@keyframes skeleton-loading{0%{background-color:#7b8c93}to{background-color:#595959}}@keyframes skeleton-stroke-loading{0%{stroke:#7b8c93}to{stroke:#595959}}:root{--bg-color: #f5f5f5;--text-color: #333;--card-bg-color: #fff;--card-bg-color1: #444;--link-color: #1a73e8;--spinner-color: #333;--spinner-color1: #f5c24f;--green-color: #4caf50;--red-color: #e57373}[data-theme=dark]{--bg-color: #333;--text-color: #f5f5f5;--card-bg-color: #444;--card-bg-color1: #c5c4c4;--link-color: #4da3ff;--spinner-color: #f5c24f;--spinner-color1: #333;--green-color: #4caf50;--red-color: #e57373}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}a{color:var(--link-color)}.card{background-color:var(--card-bg-color)}.Navbar{position:sticky;z-index:2;top:0;height:100px;width:100%;padding:5px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-color)}.Navbar .navbar-logo{height:90px}.Navbar .navbar-btn{cursor:pointer;border-style:none;background-color:inherit;width:60px}.hamburger{transition:all .5s ease-in-out;color:var(--primary-color)}.Navbar .rotateViewBox{transform:rotate(.625turn)}.Navbar .rotateRect{transform:rotate(90deg) translateY(-33px)}.Navbar .invisible{width:0;opacity:0}.Menu{position:fixed;z-index:2;top:100px;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);transition:all .3s ease-in-out;opacity:1;visibility:visible}.Menu a{color:var(--text-color);text-decoration:none;padding:20px;font-size:24px;margin:10px 0}.Menu a:hover{border-radius:3px}.menu-hidden{opacity:0;visibility:hidden;pointer-events:none}@media (min-width: 768px){.Menu{position:fixed;z-index:2;top:100px;left:auto;width:200px;height:fit-content;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:var(--bg-color);border:1px solid var(--text-color);border-radius:5px;padding:10px;box-shadow:0 2px 5px #0003}.Menu a{font-size:18px;padding:10px;margin:0}.Menu a{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-radius .3s ease-in-out}.Menu a:hover{background-color:#8080801a;border-radius:3px}}.theme-toggle{background:none;border:none;cursor:pointer;z-index:2}.Footer{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:200px;gap:20px;margin-top:1rem}.footer-col{display:flex;flex-direction:column;align-items:center;gap:5px}.social-wrapper{display:flex;gap:25px}.social-wrapper img{width:25px;height:25px;cursor:pointer}@media (max-width:768px){.Footer{flex-direction:column;height:fit-content;margin-bottom:2rem}}.NotFound{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px;width:100%;height:300px}.Login{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:400px}.login-form-wrapper{display:flex;flex-direction:column;gap:5px;width:250px}input{height:40px;border-radius:10px;border-color:var(--text-color);background-color:var(--bg-color);color:var(--text-color);padding-left:5px}input:hover{border-color:var(--primary-color)}::placeholder{font-weight:700}input[type=submit]{font-weight:700;border-style:solid;border-color:var(--text-color);cursor:pointer}.errorMessage{color:red}.Register{display:grid;justify-items:center;width:100%;padding:clamp(24px,6vw,72px) 16px;color:var(--text-color)}.register-card{width:min(100%,480px);padding:clamp(20px,5vw,36px);border:1px solid color-mix(in srgb,var(--text-color) 16%,transparent);border-radius:20px;background:var(--card-bg-color);text-align:left}.register-card h1{margin:0;font-size:clamp(1.6rem,5vw,2rem)}.register-card h1+p{margin:4px 0 24px}.register-card fieldset{display:grid;gap:8px;min-inline-size:0;margin:0;padding:0;border:0}.register-card label{font-weight:600}.register-card input{width:100%;min-height:44px;margin-bottom:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--text-color) 50%,transparent);font:inherit}.register-card :focus-visible{outline:2px solid var(--link-color);outline-offset:3px}.register-password-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:4px 10px;margin:0 0 12px;padding:0;list-style:none;font-size:.875rem}.register-password-rules [data-met=true]{font-weight:650}.register-card button{min-height:44px;border:0;border-radius:10px;background:var(--primary-color);color:#252019;font:inherit;font-weight:700;cursor:pointer}.register-card button:disabled{cursor:wait;opacity:.7}.register-error{margin:0 0 8px;padding-left:10px;border-left:3px solid var(--red-color)}.register-sign-in{margin:20px 0 0;text-align:center}.Loading{height:100vh;width:100vw;position:fixed;z-index:4;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center}.spinner{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid var(--spinner-color);border-bottom:16px solid var(--spinner-color);width:120px;height:120px;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toast{max-height:100vh;width:300px;position:fixed;z-index:3;right:0;bottom:0;padding:5px;display:flex;gap:5px;flex-direction:column;overflow-y:auto}.toast-tile{width:100%;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:5px;border-radius:5px;opacity:.9;background-color:var(--bg-color);color:var(--text-color)}.icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.close:before{content:"🗙";cursor:pointer}.success .icon{background-color:green;color:#fff}.success.toast-tile{border:3px rgba(0,128,0,.5) solid}.success .icon:before{content:"✔"}.error .icon{background-color:red;color:#fff}.error.toast-tile{border:3px rgba(255,0,0,.5) solid}.error .icon:before{content:"⭙"}.info .icon{background-color:#00f;color:#fff}.info.toast-tile{border:3px rgba(0,0,255,.5) solid}.info .icon:before{content:"🛈"}.warning .icon{background-color:#ff0;color:#000}.warning.toast-tile{border:3px rgba(255,255,0,.8) solid}.warning .icon:before{content:"⚠"}.Profile{display:flex;flex-direction:column;gap:20px;width:100%;padding:20px 50px}.basic-info-wrapper{display:flex;gap:15px;width:100%;border-radius:10px;padding:20px;background-color:var(--card-bg-color);text-align:start}.profile-picture{max-height:200px;max-width:200px;border-radius:10px}.info-skills-wrapper{display:flex}.info{display:flex;flex-direction:column;gap:5px;padding:5px;width:100%}.name{font-size:22px;font-weight:700}.user-title{font-style:italic}.contact-info{display:flex;gap:30px;font-size:14px;white-space:collapse}.phone:before{content:"📞"}.email:before{content:"📧"}.address:before{content:"🏠"}.about-me{display:flex;flex-direction:column;font-size:small}.about-me .title{display:flex;align-items:end;font-weight:700}.about-me .title:after{content:"";flex:1 1 auto;border-bottom:solid 1px var(--text-color)}.skills{display:flex;flex-direction:column;width:300px;padding:5px 10px;border-left:1px solid var(--text-color)}.skills .title{padding:0 5px;border-radius:10px;font-size:18px;border:1px solid var(--spinner-color);color:var(--text-color)}.skills ul{margin-top:10px;padding-left:20px}.leetcode-wrapper{display:flex;flex-direction:column;gap:15px;width:100%;border-radius:10px;padding:10px 20px;background-color:var(--card-bg-color);text-align:start}.leetcode-wrapper .title{width:100%;border-bottom:1px solid var(--text-color);font-weight:700}.leetcode-username{color:var(--spinner-color)}.stats-card-wrapper{display:flex;gap:20px}.stat-set{display:flex;flex:1;gap:20px}.stat-card{display:flex;flex:1;justify-content:space-evenly;align-items:center;padding:10px;border:1px solid var(--text-color);border-radius:10px}.stat{display:flex;flex-direction:column;align-items:center}.stat :nth-child(2){font-weight:700;font-size:22px;border-bottom:1px solid var(--text-color)}@media screen and (max-width: 1400px){.contact-info{flex-direction:column;gap:0px}}@media screen and (max-width: 992px){.basic-info-wrapper{flex-direction:column}.info-skills-wrapper{border-top:solid 1px var(--text-color)}.stats-card-wrapper{flex-direction:column}}@media screen and (max-width: 768px){.info-skills-wrapper{flex-direction:column}.skills{width:100%;padding:0;border:none}}@media screen and (max-width: 576px){.Profile{padding:20px 10px}.contact-info{word-wrap:break-word}}@media screen and (max-width: 400px){.stat-set{flex-direction:column}}.circular-progress{--size: 60px;--half-size: calc(var(--size) / 2);--stroke-width: 20px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100);--stroke-color: #5394fd}.circular-progress circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#ddd}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--stroke-color)}.CommunityCard{position:relative;display:flex;flex-direction:column;width:280px;height:330px;flex-shrink:0;border-radius:10px;-webkit-box-shadow:rgba(0,0,0,.8) 0px 0 10px;-moz-box-shadow:rgba(0,0,0,.8) 0 0 10px;box-shadow:#000c 0 0 10px}.cover-image{height:100px;width:100%;object-fit:cover;border-bottom:1px solid black;border-radius:5px 5px 0 0}.profile-image{position:absolute;width:130px;height:130px;top:100px;left:50%;transform:translate(-50%,-50%);border:1px solid black;border-radius:50%}.member-info{display:flex;flex-direction:column;align-items:center;padding-top:90px;width:100%;height:230px;background-color:var(--card-bg-color1);border-radius:0 0 5px 5px;color:var(--bg-color)}.member-info .name{color:var(--spinner-color1)}.view-profile-button{margin-top:15px;border-radius:20px;padding:5px 10px;color:var(--bg-color);border:2px solid var(--bg-color);background-color:var(--text-color);box-shadow:0 4px #999;cursor:pointer;transition:.8s;-webkit-user-select:none;user-select:none}.view-profile-button:hover{opacity:.7}.view-profile-button:active{box-shadow:0 0;box-shadow:0 1px #666;transform:translateY(3px)}.CommunityCardSkeleton{position:relative;display:flex;flex-direction:column;width:280px;height:330px;flex-shrink:0;border-radius:10px;-webkit-box-shadow:rgba(0,0,0,.8) 0px 0 10px;-moz-box-shadow:rgba(0,0,0,.8) 0 0 10px;box-shadow:#000c 0 0 10px}.CommunityCardSkeleton .cover-image{height:100px;width:100%;object-fit:cover;border-bottom:1px solid black;border-radius:5px 5px 0 0;background-color:#000}.CommunityCardSkeleton .profile-image{background-color:var(--card-bg-color);position:absolute;width:130px;height:130px;top:100px;left:50%;transform:translate(-50%,-50%);border:1px solid black;border-radius:50%}.CommunityCardSkeleton .member-info{display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:90px;width:100%;height:230px;background-color:var(--card-bg-color1);border-radius:0 0 5px 5px;color:var(--bg-color)}.CommunityCardSkeleton .name{width:150px;height:26px;border-radius:.125rem}.CommunityCardSkeleton .role{width:100px;height:20px;border-radius:.125rem}.CommunityCardSkeleton .view-profile-button{border-radius:20px;padding:5px 10px;color:var(--bg-color);border:2px solid var(--bg-color);background-color:var(--text-color);box-shadow:0 4px #999;cursor:pointer;transition:.8s;-webkit-user-select:none;user-select:none}.CommunityCardSkeleton .view-profile-button:hover{opacity:.7}.CommunityCardSkeleton .view-profile-button:active{box-shadow:0 0;box-shadow:0 1px #666;transform:translateY(3px)}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#a2a4a4}to{background-color:#595959}}.CommunityCardComplete{position:relative;display:flex;flex-direction:column;width:280px;height:330px;flex-shrink:0;border-radius:10px;-webkit-box-shadow:rgba(0,0,0,.8) 0px 0 10px;-moz-box-shadow:rgba(0,0,0,.8) 0 0 10px;box-shadow:#000c 0 0 10px}.CommunityCardComplete .cover-image{height:100px;width:100%;object-fit:cover;border-bottom:1px solid black;border-radius:5px 5px 0 0}.CommunityCardComplete .profile-image{position:absolute;width:130px;height:130px;top:100px;left:50%;transform:translate(-50%,-50%);border:1px solid black;border-radius:50%}.CommunityCardComplete .member-info{display:flex;flex-direction:column;align-items:center;padding-top:90px;width:100%;height:230px;background-color:var(--card-bg-color1);border-radius:0 0 5px 5px;color:var(--bg-color)}.CommunityCardComplete .member-info .name{color:var(--spinner-color1)}.CommunityCardComplete .view-profile-button{margin-top:15px;border-radius:20px;padding:5px 10px;color:var(--bg-color);border:2px solid var(--bg-color);background-color:var(--text-color);box-shadow:0 4px #999;cursor:pointer;transition:.8s;-webkit-user-select:none;user-select:none}.CommunityCardComplete .view-profile-button:hover{opacity:.7}.CommunityCardComplete .view-profile-button:active{box-shadow:0 0;box-shadow:0 1px #666;transform:translateY(3px)}.Pagination{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:5px}.entries{display:flex}.Pagination .entries div{padding:8px 16px;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}.Pagination .entries div.active{background-color:#f5c24f;color:#fff;border-radius:5px}.Pagination .entries div:hover:not(.active){background-color:#000;color:#fff;border-radius:5px}.Pagination .entry-per-page{width:80px;text-align:center}@media screen and (max-width: 576px){.Pagination{flex-direction:column}}.Community{display:flex;flex-direction:column;gap:40px;justify-content:center;width:100%;min-height:400px;padding:20px}.Community .card-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;width:100%;height:fit-content;padding:10px 0}.FormCircleLoading{width:100%;height:100%;display:flex}.FormCircleLoading .circle{width:100%;height:100%;border-radius:50%;font-size:20px;color:#fff;text-align:center}.FormCircleLoading .loading{border:3px dashed #f5c24f;animation:spin 4s linear infinite}.FormCircleLoading .success{background-color:green}.FormCircleLoading .fail{background-color:red;line-height:25px}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.Editprofile{display:flex;flex-direction:column;justify-content:center;align-items:center}.Editprofile .wrapper{display:flex;flex-direction:column;width:80%}.Editprofile .heading{display:flex;width:100%;font-size:24px;font-weight:bolder;margin-bottom:20px;color:var(--spinner-color);border-bottom:1px solid var(--spinner-color)}.Editprofile .edit-form{display:flex;flex-wrap:wrap;row-gap:5px;width:100%}.Editprofile .edit-form>div:not(.address-section){display:flex;flex-direction:column;text-align:start;width:50%;flex-shrink:0}.Editprofile .edit-form>div:not(.address-section)>div{display:flex;align-items:center;gap:5px}.Editprofile .edit-form>div:not(.address-section) input{width:calc(100% - 45px)}.Editprofile .edit-form>div:not(.address-section)>div>div{flex-shrink:0;width:30px;height:30px}.Editprofile .edit-form>div:not(.address-section) label{font-weight:700}.Editprofile .edit-form .address-section{display:flex;flex-wrap:wrap;row-gap:5px;width:100%}.Editprofile .address-section>:nth-child(1){color:var(--spinner-color);font-size:18px;font-weight:700;width:100%}.Editprofile .address-section>div{display:flex;flex-direction:column;text-align:start;width:50%;flex-shrink:0}.Editprofile .address-section>div>input{width:calc(100% - 45px)}.Editprofile .address-section>div>label{font-weight:700}.Editprofile .wrapper .edit-form .about-me{display:flex;flex-direction:column;width:calc(100% - 45px);font-size:16px}.Editprofile .wrapper .edit-form .about-me textarea{resize:vertical;border-radius:10px;background-color:var(--bg-color);color:var(--text-color);border-color:var(--text-color)}.Editprofile .about-me textarea:hover{border-color:var(--primary-color)}.Editprofile button{cursor:pointer;margin-top:15px;width:calc(100% - 45px);height:30px;border-radius:10px;color:#000;background-color:#f5c24f;border:1px solid #f5c24f;font-size:18px;font-weight:700}.Editprofile .error{color:red;width:calc(100% - 45px)}@media screen and (max-width: 768px){.Editprofile .edit-form,.Editprofile .address-section{flex-direction:column}.Editprofile .edit-form>div:not(.address-section){width:100%}.Editprofile .address-section>div{width:100%}}*,*:before,*:after{box-sizing:border-box}html,body,header{margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--primary-color: #f5c24f;font-size:16px;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;text-align:center;width:100%;padding:0}