.ham-menu{background-color:transparent;border:none;border-radius:50%;cursor:pointer;padding:.8rem;position:fixed;top:1rem;left:.5rem;z-index:4}.ham-menu span{display:block;width:30px;height:3px;background-color:#fff;margin:5px 0;transition:.4s;border-radius:4px}.dark .ham-menu{border:1px solid #ccc}.ham-menu:hover{background:#0000001a}.ham-menu:hover:after{border:2px solid #333}.ham-menu.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.ham-menu.open span:nth-child(2){opacity:0}.ham-menu.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-overlay{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:3}.nav-overlay.show{opacity:1;pointer-events:auto}.ham-nav .navbar{transform:translate(-100%);transition:transform .4s ease-in-out}.ham-nav.nav-open .navbar{transform:translate(0)}.navbar{margin-top:5rem;margin-left:-10px;border-radius:8px;background-color:var(--bg);color:var(--text);position:fixed;width:10.2rem;z-index:4;border:1px solid #ccc}.navbar .nav-items{display:flex;padding-left:0rem;flex-direction:column;width:100%;gap:1rem;list-style:none;justify-content:center;align-items:center;font-size:1.35rem}.navbar .nav-items a{width:100%;display:block;padding:15px 45px;box-sizing:border-box;text-decoration:none;color:var(--text)}.navbar .nav-items a:hover{background:#0000001a}.tog-th-nav button{width:4.9rem;height:2.4rem;font-size:1.2rem;border-radius:99px;background-color:#fff;border:1px solid var(--text);display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;gap:.5rem}.tog-th-nav button span{height:1.9rem;width:1.9rem;font-size:1.4rem;display:flex;align-items:center;border-radius:50%;justify-content:center;line-height:1}.icon-moon-light,.icon-moon-dark{background-color:var(--bg)}.icon-sun-light,.icon-sun-dark{background-color:var(--text)}.account.small-text{font-size:1rem}.popupcard{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:6px;font-size:16px;box-shadow:0 4px 10px #0003;animation:slideUp .5s ease forwards,fadeOut .5s ease 2.5s forwards;z-index:9999;max-width:90vw;justify-content:space-between;align-items:center;display:flex;flex-direction:row;gap:1rem}.popupcard.success{background:#60eaae;color:#114343}.popupcard.fail{background:#e369c8;color:#9a0a3c}@keyframes slideUp{0%{bottom:-100px;opacity:0}to{bottom:90%;opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.popup-card-close-btn{width:26px;height:26px;border:none;background:none;font-size:20px;cursor:pointer;color:inherit;display:flex;font-weight:700}@media (max-width: 768px){.popupcard{width:90%;max-width:90%;font-size:16px;min-height:40px}}.home-layout{min-height:100vh;display:flex;flex-direction:column}.home-layout .search-bar{margin:30vh auto 0;display:flex;flex-direction:column;width:88%;border:none;align-items:center;justify-content:center;position:relative}.home-layout .search-bar input{width:100%;height:55px;padding:.5rem 1rem .5rem 3.2rem;font-size:1.1rem;color:#ffffffbd;background:#ffffff4d;border-radius:999px;border:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar input:hover{border:1px solid #fff}.search-bar input:focus{outline:none}.search-bar input::placeholder{color:#ffffffbd;font-weight:100}.search-bar:has(.srch-suggest) input{border-radius:25px 25px 0 0}.search-bar:has(.srch-suggest) input:hover{border:none}.srch-suggest{position:absolute;top:100%;left:.56rem;width:100%;display:flex;flex-direction:column;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-left-radius:28px;border-bottom-right-radius:28px;overflow:hidden}.suggest-items{width:100%;padding:10px 1.5rem;color:#ffffffbd;font-size:1.05rem;cursor:pointer}.home-layout .search-bar span{position:absolute;left:1.2rem;top:1.8rem;transform:translateY(-50%);pointer-events:none;z-index:2;font-size:1.2rem}.home-layout .search-bar .search-cancelbtn{position:absolute;top:1.5rem;transform:translateY(-50%);border-radius:50%;height:30px;width:30px;border:none;color:#ccc;font-weight:600;background-color:#140202a5;cursor:pointer;right:.67rem}.no-results{align-items:center;justify-content:center;height:2rem;margin:auto;font-style:italic;color:#fff;font-size:1.1rem}@media (max-width: 768px){.srch-suggest{left:0rem}}.addprojbtn{background-color:#007bff;font-size:16px;font-weight:200;color:#fff;padding:10px 16px;border:1px solid #ccc;border-radius:6px;cursor:pointer;box-shadow:0 0 0 4px #007bff8c}.drop-zone{width:100%;height:200px;border:3px dashed #ccc;border-radius:10px;text-align:center;cursor:pointer;transition:background .3s ease}.drop-zone.drag-over{background:#007bff1a;border-color:#007bff}.custom-file-upload{display:inline-flex;padding:8px 16px;border-radius:6px;background:#007bff;color:#fff;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;margin-top:80px}.custom-file-upload:hover{background:#0056b3}.preview{position:relative;height:100%;width:100%;border-radius:inherit}.preview img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.preview .cancel-btn{position:absolute;top:-19px;right:-10px;width:36px;height:36px;font-size:20px;border-radius:50%;background:#00000080;cursor:pointer;border:.25px solid #ccc;align-items:center;color:#fff;justify-content:center;display:flex}@media (max-width: 768px){.drop-zone{height:140px;border-width:2px}.custom-file-upload{margin-top:45px;padding:6px 14px;font-size:14px}.preview img{object-fit:contain}.preview .cancel-btn{top:-10px;right:-8px;width:30px;height:30px;font-size:16px}}.projformdiv .addprojform{position:relative;display:flex;flex-direction:column;gap:25px;max-width:600px;width:100%;height:85vh;margin:auto;background:var(--bg);color:var(--text);padding:20px 30px;border-radius:30px;border:1px solid #ccc}.addprojform .sub-btn{padding:10px 13px;background:#007bff;color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;width:80px;align-self:center;font-size:17px;font-weight:250;justify-content:center}.addprojform .sub-btn:hover{background:#0056b3}.addprojbuff{display:flex;width:100%;padding:10px;font-size:20px;font-weight:200;align-self:center;color:#388e3c;justify-content:center;margin-top:50%;gap:25px}.addprojform .tagdiv{display:flex;flex-direction:column;gap:8px}.addprojform .tagdiv label{cursor:text}.addprojform .textfield-title{display:inline;flex-direction:row}.addprojform .textfield-title label{cursor:text}.addprojform .textfield-title input{padding:10px 12px;border:1px solid #ccc;border-radius:6px;background-color:var(--bg);color:var(--text);font-size:14px;outline:none;margin-left:10px;width:90%}.addprojform .textfield-repo{display:inline;flex-direction:row}.addprojform .textfield-repo label{cursor:text}.addprojform .textfield-repo input{padding:10px 12px;border:1px solid #ccc;border-radius:6px;background-color:var(--bg);color:var(--text);font-size:14px;outline:none;margin-left:10px;width:90%}.projformdiv .close-btn{position:absolute;width:56px;height:56px;top:10px;right:10px;border:1px solid #ccc;background:#0000001a;border-radius:50%;font-size:20px;cursor:pointer;color:#888;font-weight:700;align-items:center;justify-content:center}.addprojform .projcoverimg{margin-top:65px}.addprojform .projcoverimg label{margin-right:5px;cursor:text}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.checkbox{display:none}.tags{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:12px}.tag{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--text);color:var(--text);padding:6px 12px;border-radius:999px;background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none}.tag.active{background:var(--text);color:var(--bg);border:1px solid var(--text)}.icon{position:relative;border:1px solid #000;background:#fff;color:#000;border-radius:50%;width:18px;height:18px;justify-content:center;align-items:center;display:flex}.icon:before,.icon:after{position:absolute;content:"";background:#000;width:10px;height:.5px;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}.icon:after{transform:translate(-50%,-50%) rotate(-90deg)}.icon.active:after{transform:translate(-50%,-50%) rotate(-45deg)}.icon.active:before{transform:translate(-50%,-50%) rotate(45deg)}@media (max-width: 768px){.projformdiv{padding:10px;align-items:flex-start;overflow-y:hidden}.projformdiv .addprojform{max-width:100%;width:100%;height:auto;max-height:98vh;border-radius:20px;padding:20px;gap:20px}.projformdiv .close-btn{width:42px;height:42px;font-size:18px;top:8px;right:8px}.addprojform .projcoverimg{margin-top:50px}.addprojform .textfield-title,.addprojform .textfield-repo{display:flex;flex-direction:column;gap:6px}.addprojform .textfield-title input,.addprojform .textfield-repo input{width:100%;margin-left:0;font-size:15px}.addprojform .tags{justify-content:flex-start;gap:10px}.tag{font-size:14px;padding:5px 10px}.addprojform .sub-btn{width:100%;font-size:16px;padding:12px}.addprojbuff{margin-top:40%;font-size:18px}}.projectcard{min-height:220px;border:1px solid rgb(95,99,104);width:330px;border-radius:16px;box-sizing:border-box;cursor:pointer;overflow:hidden;transition:width .3s ease,height .3s ease,box-shadow .3s ease}.projectcard:hover{width:340px;height:227px;box-shadow:0 0 10px #0000004d;border:none}.projectcard .projectcard-img{display:block;width:100%;height:108px;object-fit:cover;border-bottom:1px solid rgb(95,99,104)}.projectcard .projectcard-desc{display:flex;flex-direction:column;padding-left:5px;max-width:100%;margin:10px}.projectcard-desc h3{color:var(--text);margin-top:10px;font-size:23px}.projectcard .projectcard-desc .projectcard-tags{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:10px}.projectcard-desc .projectcard-tags>div{padding:5px 10px;color:var(--text);border:1px solid var(--text);width:fit-content;border-radius:99px}.not-found-div{width:90%;color:var(--text);background:var(--bg);margin:0 auto;display:flex;min-height:100vh;justify-content:center;align-items:center;flex-direction:column}.not-found-div h2{margin:10px auto;padding:1rem;font-size:40px}.not-found-div p{margin:.5rem auto;padding:1rem;font-size:20px}.not-found-div button{margin:1rem auto;padding:1rem;font-size:20px;border:1px solid #ccc;color:#fff;background-color:#0b43fa;border-radius:10px;cursor:pointer}.not-found-div button:hover{font-weight:700}@media (max-width: 768px){.not-found-div img{width:100%}}.running-div{display:flex}.running-div img{height:27px;width:27px;margin-left:10px}@media (max-width: 768px){.running-div{align-items:center;justify-content:center;gap:6px}}:root{--bg: #ccc}.dark{--bg: black}.projectspm-div{width:100%;display:flex;flex-direction:column}.projectspm-div .projectspm-upload{display:flex;flex-direction:row;justify-content:center;gap:1rem}.projectspm-div .projectspm-file{width:50%;margin:0 auto;padding-left:15px;padding-right:15px}.projectspm-desc{width:100%;border-radius:4px;border:1px solid #ccc;height:40px;margin-top:20px;padding-left:10px;background-color:var(--bg)}.dark .projectspm-desc{color:#eee}.projectspm-desc:hover{border:1px solid rgb(3,3,46)}.dark .projectspm-desc:hover{border:1px solid #ccc}.projectspm-desc:focus{outline:none}.projspmbtn{width:120px;height:50px;color:#fff;font-size:20px;font-weight:500;background-color:#14cedb;border:none;border-radius:8px;margin:20px auto;cursor:pointer}.projspmbtn:hover{background-color:#066c73}.projectspm-msg-div{margin:20px auto;font-size:20px;font-weight:200;padding:1rem 3rem;border:.5px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 4px 8px #0000001a}.projspm-btn-div{margin:0;padding:.4rem 30rem;display:flex;flex-direction:row}.projspmclrbtn{width:120px;height:50px;color:#fff;font-size:20px;font-weight:500;background-color:#007bff;border:none;border-radius:8px;margin:20px auto;cursor:pointer}.projspmclrbtn:hover{background:#0056b3}@media (max-width: 768px){.projectspm-div{padding:0 12px}.projectspm-div .projectspm-upload{flex-direction:column;gap:20px;align-items:center}.projectspm-div .projectspm-file{width:100%;padding-left:0;padding-right:0}.projectspm-desc{width:100%}.projspm-btn-div{padding:0;flex-direction:column;gap:10px;width:100%}.projspmbtn,.projspmclrbtn{width:100%}.projspmbtn,.projspmclrbtn{height:45px;font-size:16px}.projectspm-msg-div{width:100%;padding:1rem;display:flex;align-items:center;justify-content:center}}.projschler-div{width:100%;display:flex;flex-direction:column}.projschler-dd-div{display:flex;margin:0 auto;flex-direction:row;align-items:center;gap:10px;width:50%}.projschler-sel-wrp{position:relative;width:50%}.projschler-sel-wrp .dd-header{padding:10px 12px;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:.4s}.dark .projschler-sel-wrp .dd-header{background:#000}.projschler-sel-wrp .dd-header:hover{background:#f2f2f2}.dark .projschler-sel-wrp .dd-header:hover{background:#1a1a1a}.projschler-sel-wrp .dd-header .arrow{font-size:15px;transition:transform .4s}.projschler-sel-wrp.open .arrow{transform:rotate(180deg)}.projschler-sel-wrp .dd-list{position:absolute;top:100%;left:0;width:100%;margin:4px 0 0;padding:0;border:1px solid #ccc;border-radius:6px;list-style:none;background:#fff;max-height:200px;overflow-y:auto;z-index:1}.dark .projschler-sel-wrp .dd-list{background:#000}.projschler-sel-wrp .dd-list li{padding:8px 12px;cursor:pointer;transition:background .2s}.projschler-sel-wrp .dd-list li:hover{background:#eee}.dark .projschler-sel-wrp .dd-list li:hover{background:#1a1a1a}.projschler-btn-div{margin:0 auto;padding:.4rem 10rem;display:flex;flex-direction:row;gap:3rem;width:50%}.projschlerbtn{width:120px;height:50px;color:#fff;font-size:20px;font-weight:500;background-color:#14cedb;border:none;border-radius:8px;margin:20px auto;cursor:pointer}.projschlerbtn:hover{background-color:#066c73}.projschlerclrbtn{width:120px;height:50px;color:#fff;font-size:20px;font-weight:500;background-color:#007bff;border:none;border-radius:8px;margin:20px auto;cursor:pointer}.projschlerclrbtn:hover{background:#0056b3}.projschler-tb-div{margin:20px auto;border:1px solid black;padding:.5rem;border-radius:10px;width:70%}.projschler-tb-div table{border-collapse:separate;border-spacing:0;width:100%}.projschler-tb-div table th{border:1px solid #000;padding:.5rem 1rem;background-color:#f2f2f2;border-radius:4px;width:25%}.dark .projschler-tb-div table th{background:#000;border:1px solid #ccc}.projschler-add-btn-div{margin:5px auto;display:flex;flex-direction:row;width:30%}.projschler-add-btn{margin:0 auto;width:120px;height:40px;font-size:15px;border-radius:8px;color:#fff;background-color:#dc0cb9;border:none;cursor:pointer;font-weight:800}.projschler-add-btn:hover{background-color:#8d0452c0}.projschler-del-btn{margin:0 auto;width:120px;height:40px;font-size:15px;border-radius:8px;color:#fff;background-color:#dc0cb9;border:none;cursor:pointer;font-weight:800}.projschler-del-btn:hover{background-color:#8d0452c0}.projschler-tb-div table td{text-align:center}.projschler-tb-div table td input{width:100%;height:40px;border-radius:4px;outline:none;font-size:16px;text-align:center;border:1px solid #111}.dark .projschler-tb-div table td input{background:#000;border:1px solid #ccc;color:#fff}.projectschler-msg-div{margin:20px auto;font-size:20px;font-weight:200;padding:1rem 3rem;border:.5px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 4px 8px #0000001a}.dark .projectschler-msg-div{border:1px solid #ccc}.projschler-res-div{width:100%;margin:0 auto;display:flex;flex-direction:column}.projschler-res-tb-div{margin:15px auto;width:95%;border-radius:10px;border:none;box-shadow:none;padding:.25rem;cursor:pointer;transition:.5s ease-in-out}.projschler-res-tb-div:hover{width:96%;box-shadow:0 10px 25px #0000004d,0 5px 10px #0003}.projschler-res-tb-div table{width:100%}.projschler-res-tb-div table th{border:1px solid #000;padding:.5rem 1rem;background-color:#f2f2f2;border-radius:4px;width:12.5%}.dark .projschler-res-tb-div table th{background-color:#000}.projschler-res-tb-div table th:hover{background-color:#bdbde7}.dark .projschler-res-tb-div table th:hover{background-color:#1a1a1a}.projschler-res-tb-div table td{text-align:center;height:30px;border:1px solid #111;border-radius:4px}.projschler-res-tb-div table td:hover{background-color:#eee}.dark .projschler-res-tb-div table td:hover{background-color:#1a1a1a}.projschler-res-gc-div{width:95%;margin:10px auto;height:90px;border:.5px solid #ccc;border-radius:8px;display:flex;flex-direction:row;padding:.5rem 1rem;gap:1rem;overflow-x:auto;flex-shrink:0;cursor:pointer;transition:.4s ease-in-out}.projschler-res-gc-div:hover{background-color:#eee}.dark .projschler-res-gc-div:hover{background-color:#1a1a1a}.projschler-res-gc-div .proj-elem-div{background-color:#4df08e;color:#eee;font-size:25px;width:140px;border:.5px solid #046870;border-radius:6px;display:flex;flex-direction:row;flex-shrink:0;position:relative}.projschler-res-gc-div .proj{margin:auto}.projschler-res-gc-div .proj-elem-div:hover{background-color:#04656c}.projschler-res-gc-div:hover{box-shadow:0 10px 25px #0000004d,0 5px 10px #0003}.projschler-res-gc-div .proj-elem-div .start{position:absolute;left:0;bottom:0;width:30px;height:60%;border-radius:5px;color:#fff;background-color:#04656c;display:flex;align-items:center;justify-content:center}.projschler-res-gc-div .proj-elem-div:hover .start{border:1px solid #fff}.projschler-res-gc-div .proj-elem-div .end{position:absolute;right:0;bottom:0;width:30px;height:60%;border-radius:5px;color:#fff;background-color:#04656c;display:flex;align-items:center;justify-content:center}.projschler-res-gc-div .proj-elem-div:hover .end{border:1px solid #fff}:root{--flash-color: #ccc}.dark{--flash-color: #2a2a2a}@keyframes flashRow{0%{background-color:var(--flash-color)}to{background-color:transparent}}.highlight{animation:flashRow 1.6s ease-in-out}.projschler-time-quanta-div{width:100%;height:40px;display:flex;margin-top:10px;flex-direction:row;justify-content:center;align-items:center}.projschler-time-quanta-div p{margin:0 10px 0 -5%}.projschler-time-quanta-div input{margin:0 5px;height:80%;border-radius:6px;outline:none;border:1px solid #00b;padding-left:10px;font-size:15px}@media (max-width: 768px){.projschler-div{padding:0 10px}.projschler-dd-div{flex-direction:column;width:100%;align-items:flex-start;gap:6px}.projschler-sel-wrp{width:100%}.projschler-time-quanta-div{flex-direction:column;gap:6px}.projschler-time-quanta-div p{margin-left:0}.projschler-time-quanta-div input{width:100px}.projschler-tb-div{width:100%;overflow-x:auto}.projschler-tb-div table{min-width:600px}.projschler-add-btn-div{width:100%;flex-direction:column;gap:10px}.projschler-add-btn,.projschler-del-btn{width:40%}.projschler-btn-div{width:70%;padding:0;flex-direction:column;gap:10px}.projschlerbtn,.projschlerclrbtn{width:100%}.projschler-res-gc-div{width:100%;padding:10px}.projschler-res-tb-div{width:100%;overflow-x:auto}.projschler-res-tb-div table{min-width:900px}}.projpage-layout{width:90%;background:var(--bg);color:var(--text);margin:0 auto;min-height:100vh;transition:transform .4s ease;display:flex;flex-direction:column}.projpage-layout .project-title{width:100%;font-size:30px;margin-top:20px;margin-bottom:20px;display:flex;justify-content:center}.projpage-layout .project-main-div{width:100%;margin-top:20px;display:flex;justify-content:center}.proj-banner-div{width:100%;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4rem;margin-top:10px}.proj-back-btn{height:80%;width:100px;background-color:#0f2866de;color:#fff;outline:none;border:1px solid #ccc;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer}.proj-man-btn{height:80%;width:110px;background-color:#0660d6de;color:#fff;outline:none;border:1px solid #ccc;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer}.proj-code-btn{height:80%;width:100px;background-color:#020007de;color:#fff;outline:none;border:1px solid #ccc;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer}.ham-projrender{display:none}@media (max-width: 768px){.projpage-layout .project-title{width:100%;font-size:25px;margin-top:15px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}}.project{background-color:var(--bg);width:90%;height:auto;min-height:100vh;margin-left:80px;transition:transform .4s ease;padding-bottom:100px;border-radius:6px}.ham{position:fixed;top:12px;left:1px;z-index:5;width:auto;height:auto;background:transparent}.project h1,p{margin-left:50px}.project h1{margin-top:0;padding-top:50px;font-size:36px;margin-bottom:16px}.project p{font-size:18px}.projectheader{background:var(--bg);color:var(--text);padding:1rem 0}.addprojbtn{position:absolute;top:110px;right:130px}.projformdiv{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:4}.project .projformdiv .addprojform{box-shadow:0 8px 20px #00000040}.project .projcarddiv{margin:75px 85px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding-left:45px;gap:40px 60px}.projcarddiv .not-found{height:50px;display:flex;justify-content:center;align-items:center;padding-right:55px;font-size:1.4rem;color:var(--text);width:100%}.projsearchBar{margin-top:40px;display:flex;width:100%;justify-self:center;position:sticky;height:70px;top:0;border:none;background:var(--bg);justify-content:center;padding:10px 0}.projsearchBar.scrolled{box-shadow:0 4px 6px -2px #0000004d;border-radius:0 0 12px 12px}.projsearchBar input{width:88%;height:55px;padding:.5rem;font-size:1rem;border-radius:999px;border:1px solid #ccc;background-color:var(--bg);padding:.5rem 1rem .5rem 2.8rem;color:var(--text)}.projsearchBar input:hover{border-color:#00000084}.projsearchBar input:focus{outline:none}.projsearchBar span{position:absolute;left:100px;top:56%;transform:translateY(-50%);pointer-events:none;z-index:2;font-size:1.2rem}.light .projsearchBar span svg{fill:#15020235}.dark .projsearchBar span svg{fill:var(--text)}.projsearchBar .srch-filter{right:100px;z-index:2;position:absolute;margin-top:5px;display:flex;flex-direction:column}.projsearchBar .srch-filter .filter-btn{border-radius:10px;border:none;background:transparent;cursor:pointer}.projsearchBar .srch-filter .filter-btn img{width:40px;height:40px;filter:brightness(2.5) contrast(1.5);border-radius:50%}.dark .projsearchBar .srch-filter .filter-btn img{filter:invert(1) brightness(1.4) contrast(1.2)}.projsearchBar .search-cancelbtn{position:absolute;top:50%;right:150px;transform:translateY(-50%);border-radius:50%;height:30px;width:30px;border:none;color:#ccc;font-weight:600;background-color:#140202a5;cursor:pointer}.chkbox-dd-menu{transform:translateY(-8px) scale(.85);transform-origin:top;opacity:0;pointer-events:none;transition:transform .3s ease,opacity .15s ease;display:flex;flex-direction:column;width:20rem;height:20rem;overflow-y:auto;z-index:3;background-color:var(--bg);color:var(--text);border:1px solid #ccc;border-radius:10px;position:absolute;right:100px;padding:10px;gap:1rem;padding-left:1rem}.chkbox-dd-menu.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.chkbox-dd-menu .chkbox-btns{display:flex;flex-direction:row;gap:1rem}.chkbox-dd-menu .chkbox-btns button{color:#fff;background-color:#04607ad0;width:65px;height:35px;border-radius:999px;border:1px solid #ccc;cursor:pointer;font-size:16px}.chkbox-dd-menu .chkbox-btns button:hover{background-color:#040a7ad0}.chkbox-wrapper{display:flex;align-items:center;position:relative}.chkbox-wrapper .chk-tags{display:inline-flex;align-items:center;gap:4px;border:1px solid #ccc;padding:6px 12px;border-radius:999px;background-color:var(--bg);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.chkbox-wrapper .chk-tags.checked{color:var(--bg);background-color:var(--text)}.project .pagination{display:flex;align-items:center;justify-content:center;gap:.5rem}.project .pagination button{border-radius:50%;border:none;font-weight:400;font-size:16px;background-color:none;color:#0000008f;width:40px;height:40px;cursor:pointer;transition:.4s ease;border:1px solid #000}.project .pagination .page-active{border-radius:50%;border:none;font-weight:400;font-size:16px;background-color:#4604eaed;color:#fff;width:40px;height:40px;cursor:pointer}.project .pagination button:hover{width:45px;height:45px;color:#fff;background-color:#4604eaed;border:none}@media (max-width: 768px){.project{position:relative;width:100%;margin-left:0;border-radius:0;padding:0 15px 80px}.ham .ham-menu{position:fixed;border:1px solid var(--text);background:var(--bg);top:12px;left:20px;width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}.ham .ham-menu span{background-color:var(--text)}.projsearchBar.scrolled{padding-left:50px}.projsearchBar input{width:95%;height:50px}.projsearchBar span{left:1rem;top:2.3rem;font-size:1rem}.addprojbtn{position:sticky;margin-top:1px;margin-bottom:-20px;left:25px;right:inherit}.projsearchBar.scrolled span{left:4rem;font-size:1rem}.projsearchBar .search-cancelbtn{right:4.5rem}.projsearchBar .srch-filter{width:40px;height:40px;right:30px}.project .projcarddiv{margin:40px 10px;padding-left:0;justify-content:center}.projsearchBar.dd-open{z-index:5}.chkbox-dd-menu{position:absolute;top:10px;right:-1px;z-index:10;width:92vw}.project h1,.project p{margin-left:10px;justify-content:flex-start;align-items:flex-start;display:flex;flex-direction:row}}.signup-div{position:relative;display:flex;flex-direction:column;gap:25px;max-width:600px;width:100%;height:88vh;margin:auto;background:var(--bg);color:var(--text);padding:20px 30px;border-radius:30px;border:1px solid #ccc}.signup-div .close-btn{position:absolute;width:56px;height:56px;top:5px;right:5px;border:1px solid #ccc;background:#0000001a;border-radius:50%;font-size:20px;cursor:pointer;color:#888;font-weight:700;align-items:center;justify-content:center}.signup-div .projcoverimg{margin-top:60px}.signup-div .projcoverimg label{margin-right:5px;cursor:text}.signup-div .projcoverimg .drop-zone{width:100%;height:150px;border:3px dashed #ccc;border-radius:10px;text-align:center;cursor:pointer;transition:background .3s ease}.signup-div .projcoverimg .custom-file-upload{display:inline-flex;padding:8px 16px;border-radius:6px;background:#007bff;color:#fff;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;margin-top:55px}.signup-div .projcoverimg .custom-file-upload:hover{background:#0056b3}.signupform-layout{display:flex;flex-direction:column;gap:1rem}.signup-div .textfield{display:inline;flex-direction:row}.signup-div .textfield label{cursor:text}.signup-div .textfield input{padding:10px 12px;border:1px solid #ccc;background-color:var(--bg);color:var(--text);border-radius:6px;font-size:14px;outline:none;margin-left:10px;width:80%}.signup-div .emailfield{display:inline;flex-direction:row}.signup-div .emailield label{cursor:text}.signup-div .emailfield input{padding:10px 12px;border:1px solid #ccc;background-color:var(--bg);color:var(--text);border-radius:6px;font-size:14px;outline:none;margin-left:43px;width:80%}.signup-div .pwdfield{display:inline;flex-direction:row}.signup-div .pwdfield label{cursor:text}.signup-div .pwdfield input{padding:10px 12px;border:1px solid #ccc;background-color:var(--bg);color:var(--text);border-radius:6px;font-size:14px;outline:none;margin-left:14px;width:80%}.signup-div .signup-btn button{width:95%;margin-left:16px;align-self:center;height:40px;border-radius:12px;border:1px solid #ccc;color:#fff;background-color:#0bd4bc;font-size:18px;font-weight:600;cursor:pointer}.signup-div .signup-btn button:hover{background-color:#04718a}.or-divider-signup{display:flex;align-items:center;text-align:center;color:#ccc;font-size:18px;margin:20px 0}.or-divider-signup:before,.or-divider-signup:after{content:"";flex:1;border-bottom:1px solid #ccc}.or-divider-signup:not(:empty):before{margin-right:.75em}.or-divider-signup:not(:empty):after{margin-left:.75em}.github-login-signup{width:100%;gap:8px}.github-login-signup button img{cursor:pointer;font-size:12px;width:30px;height:30px;border-radius:50%}.github-login-signup button{width:95%;margin-left:15px;height:40px;border-radius:12px;border:1px solid #ccc;color:#fff;background-color:#000000de;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.signupform-layout .addprojbuff{display:flex;width:100%;padding:10px;font-size:20px;font-weight:200;align-self:center;color:#388e3c;align-items:center;justify-content:center;margin-top:60px;gap:25px}@media (max-width: 768px){.signup-div{width:98%;height:auto;min-height:95vh;padding:18px 16px;gap:18px;border-radius:20px}.signup-div .close-btn{width:50px;height:50px;font-size:20px;top:8px;right:8px}.signup-div .projcoverimg{margin-top:50px}.signup-div .projcoverimg .drop-zone{height:120px}.signup-div .projcoverimg .custom-file-upload{margin-top:40px;padding:6px 14px;font-size:14px}.signupform-layout{gap:.8rem}.signup-div .textfield,.signup-div .emailfield,.signup-div .pwdfield{display:flex;flex-direction:column;gap:6px}.signup-div .textfield input,.signup-div .emailfield input,.signup-div .pwdfield input{margin-left:0;width:100%;font-size:15px}.signup-div .signup-btn button,.github-login-signup button{width:100%;margin-left:0;height:44px;font-size:16px}.github-login-signup button img{width:22px;height:22px}.or-divider-signup{font-size:14px;margin:15px 0}.signupform-layout .addprojbuff{font-size:16px;margin-top:30px;gap:15px}}.login-layout{background:var(--bg);color:var(--text);width:45%;height:88vh;margin:40px auto;border-radius:40px;padding:20px}.dark .login-layout{border:1px solid #ccc}.login-layout.loading{background:var(--bg);width:45%;height:88vh;margin:40px auto;border-radius:40px;padding:20px;display:flex;align-items:center;justify-content:center}.ham-login{position:fixed;left:2px}.login-box{height:100%;display:flex;flex-direction:column}.login-box h3{font-size:40px;text-align:center}.login-box .plain-login{display:flex;flex-direction:column;gap:20px}.login-box .username{display:flex;flex-direction:column}.login-box .username label{font-size:18px;margin-left:30px}.login-box .username .username-field{height:50px;width:90%;margin-top:10px;align-self:center;border:1px solid #ccc;border-radius:12px;background-color:var(--bg);color:var(--text);font-size:18px;padding-left:10px}.login-box .username .username-field:hover{border:1px solid var(--text)}.login-box .password{display:flex;flex-direction:column}.login-box .password label{font-size:18px;margin-left:30px}.login-box .password .pwd-field{height:50px;width:90%;margin-top:10px;align-self:center;border:1px solid #ccc;background-color:var(--bg);color:var(--text);border-radius:12px;font-size:18px;padding-left:10px}.login-box .password .pwd-field:hover{border:1px solid var(--text)}.login-box .login-btn{margin-top:30px;width:100%}.login-box .login-btn button{width:90%;margin-left:32px;align-self:center;height:40px;border-radius:12px;border:none;color:#fff;background-color:#0bd4bc;font-size:18px;font-weight:600;cursor:pointer}.login-box .login-btn button:hover{background-color:#04718a}.or-divider{display:flex;align-items:center;text-align:center;color:#555;font-size:18px;margin:20px 0}.or-divider:before,.or-divider:after{content:"";flex:1;border-bottom:1px solid #ccc}.or-divider:not(:empty):before{margin-right:.75em}.or-divider:not(:empty):after{margin-left:.75em}.login-box .github-login{margin-top:30px;width:100%;gap:8px}.login-box .github-login button img{cursor:pointer;font-size:12px;width:30px;height:30px;border-radius:50%}.login-box .github-login button{width:90%;margin-left:32px;height:40px;border-radius:12px;border:.5px solid #ccc;color:#fff;background-color:#000000de;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.login-box .signup-form{margin-top:55px;width:100%;text-align:center}.signup-form-loginpage{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center}.login-box .signup-form a{text-decoration:none;cursor:pointer}.login-box .signup-form a:hover{text-decoration:underline}.login-box .signup-form a:visited{color:inherit}div.login-layout div.addprojbuff{display:flex;width:100%;padding:10px;font-size:30px;font-weight:200;align-self:center;color:#388e3c;align-items:center;justify-content:center;margin-top:60px;gap:25px}.login-layout .spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.login-layout{width:95%;height:auto;min-height:85vh;margin:15px auto;padding:18px 12px;border-radius:25px}.login-box h3{font-size:32px;margin-bottom:10px}.login-box .username label,.login-box .password label{font-size:16px;margin-left:12px}.login-box .username .username-field,.login-box .password .pwd-field{width:100%;height:48px;font-size:18px;padding-left:10px}.login-box .login-btn button,.login-box .github-login button{width:100%;margin-left:0;height:48px;font-size:16px}.login-box .login-btn{margin-top:20px}.login-box .github-login{margin-top:15px}.or-divider{margin:15px 0;font-size:16px}.login-box .signup-form{margin-top:35px;font-size:17px}.login-box .github-login button img{width:24px;height:24px}.ham-login .ham-menu{top:20px;left:15px;border:1px solid var(--text);background-color:var(--bg)}.ham-login .ham-menu span{background-color:var(--text)}.login-layout.loading{width:90%}}.account-layout{background:var(--bg);color:var(--text);width:90%;min-height:100vh;height:auto;margin:0 auto;display:flex;flex-direction:column;border-radius:4px;transition:transform .4s ease;overflow-x:hidden}.usr-img-div{width:99%;height:200px;display:flex;margin:10px auto;border-radius:18px;overflow:hidden;background-color:#000;border:1px solid #ccc}.usr-img-div img{width:100%;height:100%;object-fit:cover}.logout-btn{width:49%;height:60px;display:flex;flex-direction:column;margin-top:40px}.logout-btn button{height:100%;width:120px;font-size:20px;background-color:#000;color:#fff;font-weight:550;margin:0 auto;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:6px;border:1px solid #ccc}.logout-btn img{height:25px;width:25px;margin-left:3px;filter:invert(1) brightness(2)}.usr-info-div{width:99%;height:100%;display:flex;flex-direction:row}.usr-div{width:50%;height:100%;display:flex;flex-direction:column;margin-top:30px;gap:1.5rem}.usr-div input{cursor:not-allowed;background-color:var(--bg);color:var(--text);outline:none;border:1px solid #ccc}.light .usr-div input{background-color:#eee}.usrname-div{margin-left:15%}.usrname-div input{width:30rem;height:40px;border-radius:10px;padding-left:2%;font-size:16px}.usrmail-div{margin-left:15%}.usrmail-div input{width:30rem;height:40px;border-radius:10px;padding-left:2%;font-size:16px}.lbl-text{display:inline-block;margin-right:1.3rem}.lbl-colon{display:inline-block;margin-right:.4rem}.gh-link-div{margin-left:30%}.gh-link-div button{height:35px;width:180px;font-size:18px;color:#fff;background-color:#000;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;border:1px solid #ccc}.gh-link-div button img{display:inline-block;height:25px;width:25px;border-radius:50%}.gh-linked-div{display:flex;flex-direction:row;margin-left:27%;gap:1rem}.gh-linked-div .linked-btn{width:14rem;height:35px;display:flex;flex-direction:row;gap:1rem;color:#fff;font-size:15px;background-color:#000;justify-content:center;align-items:center;border-radius:8px;cursor:pointer;border:1px solid #ccc}.gh-linked-div .linked-btn img{height:20px;width:20px;border-radius:50%}.gh-linked-div .unlink-btn{color:#fff;background-color:#000;border-radius:8px;cursor:pointer;border:1px solid #ccc}.usr-img-upd{display:flex;position:relative;top:-4rem}.usr-img-upd button{z-index:3;height:3rem;width:3rem;color:#fff;background-color:#000;border-radius:10px;font-size:14px;font-weight:700;border:1px solid white;position:absolute;right:1rem;cursor:pointer}.usr-img-upd button span{display:inline-block}.usr-img-upd button:hover span{animation:spin 1s linear forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.account-layout{width:95%;border-radius:16px}.usr-img-div{height:160px;border-radius:14px}.usr-img-upd{top:-3rem}.usr-img-upd button{height:2.5rem;width:2.5rem;right:.8rem}.usr-info-div{flex-direction:column;align-items:center}.usr-div{width:100%;margin-top:20px;gap:1rem;align-items:center}.usrname-div,.usrmail-div,.gh-link-div,.gh-linked-div{margin-left:0;width:100%;display:flex;flex-direction:column;align-items:center}.usrname-div input,.usrmail-div input{width:90%;max-width:100%;font-size:15px}.lbl-text{margin-right:.6rem}.gh-link-div button{width:90%}.gh-linked-div{flex-direction:column;gap:.7rem;align-items:center}.gh-linked-div .linked-btn{width:90%}.gh-linked-div .unlink-btn{width:60px;height:35px}.logout-btn{width:100%;align-items:center;margin-top:30px}.logout-btn button{width:140px;height:45px;font-size:16px;align-items:center;justify-content:center}.ham-acc .ham-menu{border:1px solid var(--text);background-color:var(--bg);top:13px;left:13px}.ham-acc .ham-menu span{background-color:var(--text)}}.contact-div{height:100vh;width:70%;color:var(--text);background:var(--bg);margin:0 auto;border-radius:8px;display:flex;flex-direction:column}.contact-div h1{margin:80px auto 40px;font-size:50px}.contact-div button{width:180px;height:70px;margin:0 auto;border-radius:12px;background-color:#0c0cbdd7;color:#fff;font-size:20px;font-weight:700;cursor:pointer;border:1px solid #ccc}.contact-div button:hover{border-color:#fffc;box-shadow:0 0 3px #0c0cbdcc,0 0 4px #0c0cbd99,0 0 4px #0c0cbd66}.dark .contact-div{border:1px solid #ccc}@media (max-width: 768px){.contact-div{width:95%}.ham-contact .ham-menu{top:20px;left:15px;border:1px solid var(--text);background-color:var(--bg)}.ham-contact .ham-menu span{background-color:var(--text)}}@font-face{font-family:Lato;src:url(/assets/Lato-Regular-BwLIet1C.ttf) format("truetype")}body.light{--bg: white;--text: black;--bg-img: url(/assets/1153879-D4O8rrY1.jpg)}body.dark{--bg: black;--text: white;--bg-img: url(/assets/1153879-dark-Cmt6OjHn.jpg)}body{margin:0;padding:0;font-family:Lato,sans-serif;background:var(--bg-img) no-repeat center/cover;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;overflow-y:auto}html{margin:0;padding:0;min-height:100vh;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}