@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--primary-text: #f6f6f6;--secondary-text: #858585;--background-color: #161616;--green: #b6ff1b;--background-2: #1c1c1c;--cta: #2c2c2c;--form: #242424}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#242424}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#555}.white-text{color:var(--primary-text)}.gray-text{color:var(--secondary-text)}html,body{height:100%;width:100%}.canvas{width:100vw;min-height:100vh;background-color:var(--background-color);position:relative}.navpanel{position:fixed;height:100vh;width:240px;background-color:var(--background-2);padding:20px;border-right:1px solid var(--cta)}.profileimg{border-radius:20px}.logo{display:flex;width:100%;align-items:center;gap:10px;margin-bottom:40px}.p1{font-weight:500}.p2{font-size:14px}.hover1,.hover2{transition:all .3s ease}.hover1:hover{opacity:.7;cursor:pointer}.hover2:hover{color:var(--primary-text);cursor:pointer}.link{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px;position:relative}.arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%)}.clicked{background-color:var(--cta);color:var(--primary-text);border-radius:5px}.smalltext{font-size:12px;font-weight:500;padding:10px}.extra-margin{margin-top:20px;margin-bottom:10px}.extra-extra-margin{margin-top:40px;margin-bottom:10px}a{text-decoration:none;color:inherit}.main-content{padding:100px 20px 50px;max-width:900px;margin-inline:auto;min-height:90vh}.layout{margin-left:240px}.Main-heading h1{font-size:40px;font-weight:600;margin-bottom:5px}.Main-heading p{font-size:18px;color:var(--secondary-text)}.footer-container{width:100%;min-height:300px;background-color:var(--background-2);border-top:1px solid var(--cta);padding:30px}.footer-content{max-width:1000px;margin-inline:auto;display:flex;justify-content:space-between;padding:30px 0 70px;border-bottom:1px solid var(--cta)}.footer-content p{font-size:14px;font-weight:500}.green{color:var(--green)}.reach{padding-top:5px}.ist-clock{text-transform:uppercase;font-size:90px!important;line-height:80px;overflow:hidden}.love{text-align:center;max-width:200px;margin:0 auto;padding-top:30px}.cooked{margin-top:40px;opacity:10%}.resume{position:absolute;bottom:20px;left:50%;width:80%;transform:translate(-50%);padding:10px 30px;background-color:var(--cta);text-align:center;border-radius:5px;font-size:12px;text-transform:uppercase}.cta1{background-color:var(--cta);display:inline-block;color:var(--primary-text);padding:11px 20px;border-radius:5px;font-size:14px;font-weight:500;transform:translateY(2px)}.fullcta{background-color:var(--cta);text-align:center;color:var(--primary-text);padding:10px 20px;border-radius:5px;font-size:14px;font-weight:500}.flex{display:flex;align-items:center;gap:20px}.email{display:inline-block;padding:10px 20px;border-radius:5px;font-size:14px;font-weight:500;border:1px solid var(--cta)}.project-box{background-color:var(--background-2);width:400px;height:300px;margin:20px 0;border:1px solid var(--cta);border-radius:10px;overflow:hidden;cursor:pointer}.card{background-color:var(--background-2);width:400px;height:250px;margin:10px 0;border:1px solid var(--cta);border-radius:10px;overflow:hidden;padding:30px;position:relative}.image-div{width:100%;height:220px;overflow:hidden}.image-div img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.25,1,.5,1)}.project-box:hover img{transform:scale(1.05)}.project-desc{padding:10px;height:80px;display:flex;justify-content:space-between;align-items:center}.project-desc p{margin-top:5px;font-size:13px}.quote-section{margin-top:60px;padding-top:40px;border-top:1px solid var(--cta);padding-inline:20px}.quote{font-style:italic;font-weight:500;font-size:20px;color:var(--secondary-text);text-align:center;margin-top:20px}.quote-icon{opacity:20%}.right-align{text-align:right}.space-between{justify-content:space-between!important}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--cta)}.card h3,.techstack h3{font-size:15px;margin:30px 0 8px;font-weight:400}.card p,.techstack p{font-size:14px}.highlight{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.055),transparent 70%);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.techstack{border:1px solid var(--cta);border-radius:10px;padding:0 25px 25px}.grid2c{display:grid;grid-template-columns:repeat(2,1fr)}.techcta{margin-top:20px;border-radius:5px;padding:10px}.tech-icon{width:40px;border-radius:5px}.hover3{transition:all .2s ease;border:1px solid #16161600}.hover3:hover{background-color:var(--background-2);cursor:pointer;border:1px solid var(--cta)}.gap20px{gap:10px}.about-wrapper{width:85%}.amanimg{width:90%;margin:30px 0;border-radius:20px;border:3px solid var(--cta)}.aboutPara{font-size:15px}.tcs{width:200px;padding:15px;border-radius:5px;background-color:var(--background-2);border:1px solid var(--cta)}.expinfo{font-size:14px}.bullet-list{list-style-type:disc;list-style-position:inside;padding-left:20px;margin-top:20px}.bullet-list li{margin-bottom:10px;text-indent:-20px;padding-left:20px;line-height:1.6}.center-text{text-align:center}.learningcard{background-color:var(--background-2);border:1px solid var(--cta);border-radius:10px;padding:30px}.learningcard h4{font-weight:500;border-bottom:1px solid var(--cta);padding-bottom:20px}.margin-top{margin-top:20px!important}.columnflex{margin-top:30px;display:flex;flex-direction:column;gap:20px}.columnflex p:hover{color:var(--primary-text)}.columnflex p{transition:all .3s ease}.form-group{display:flex;flex-direction:column}.submit-btn{all:unset;cursor:pointer;background-color:var(--cta);display:inline-block;color:var(--primary-text);padding:11px 0;border-radius:5px;font-size:14px;font-weight:500;transition:all .2s ease;margin:20px 0;width:100%;text-align:center}.form-group input,.form-group textarea,.newpostcontent,#PostName,.newComment,#CommentName{all:unset;box-sizing:border-box;margin:15px 0 0;border:1px solid var(--cta);background-color:#242424;padding:10px;border-radius:5px;color:var(--primary-text)}.formcontainer{padding:30px;background-color:var(--background-2);border-radius:10px}@media (max-width: 1100px){.project-box{width:360px}}@media (min-width: 1023px){.NavMob{display:none}}@media (max-width: 1022px){.navpanel{display:none}::-webkit-scrollbar{display:none}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{display:none}.layout{margin-left:auto}.project-box{width:400px}.topNav{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:fixed;background-color:#242424c2;width:100vw;top:10px;transform:translate(-50%);left:50%;z-index:1500;margin:10px 0;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:95%}.main-content{padding:130px 20px 50px}.resumeM{position:relative;display:inline-block;padding:10px 20px;background-color:var(--cta);border-radius:10px}.logoM{display:flex;align-items:center;gap:10px;margin-bottom:0}.about-wrapper{width:100%}.bottomNav{border-top:1px solid var(--cta);display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;position:fixed;bottom:0;background-color:var(--background-2);z-index:2000;width:100%;padding:0 0 20px;gap:0}.bottomNav::-webkit-scrollbar{display:none}.bottomNav{-ms-overflow-style:none;scrollbar-width:none}.bottomNav>*{flex:0 0 auto}.hover1:hover{opacity:100%}.link{display:block;text-align:center;width:75px;height:100%;flex:0 0 auto}.link p{font-size:10px}.clicked{border-radius:0}.footer-container{padding-bottom:100px}}@media (min-width: 675px) and (max-width: 1022px){.bottomNav{justify-content:space-evenly}}@media (max-width: 860px){.project-box{width:350px}}@media (max-width: 760px){.project-box{width:320px}}@media (max-width: 700px){.project-box{width:100%}.no-mob-flex,.grid2c{display:block}}@media (max-width: 660px){.card{width:100%;margin-bottom:20px}.footer-content{display:block}.mobile-footer{margin-bottom:30px}.no-mob-flex2{display:block}.ist-clock{font-size:70px!important;line-height:55px;text-align:center;margin-bottom:-40px}.formcontainer{padding:20px}.submit-btn{padding:10px 0}.amanimg{width:100%;margin:20px 0}.Main-heading p{font-size:15px}}@media (max-width: 425px){.Main-heading h1{font-size:30px}.tcs{width:150px}.techstack{padding:0 15px 15px}}@media (max-width: 376px){.logotext{display:none}.resumeM{transform:scale(.9)}.ist-clock{font-size:55px!important}}@media (max-width: 321px){.card{padding:20px}}@media (max-height: 685px) and (min-width: 1023px){.resume{display:none}.resume-height{display:block!important;position:fixed;right:40px;top:30px;z-index:2000}}@media (max-width: 710px){.noflexcomment{display:block}.btn-reset{width:100%!important;text-align:center!important;transform:translateY(0)!important;margin-top:20px!important;padding-inline:0!important}}@media (max-width: 540px){.align-btn-mob{display:block}#CommentName{width:100%!important}}.resume-height{display:none;padding:10px 30px;background-color:var(--cta);text-align:center;border-radius:5px;font-size:12px;text-transform:uppercase}.new-post-container{width:100%;min-height:300px;border:1px solid var(--cta);background-color:var(--background-2);border-radius:10px;padding:20px;margin-bottom:40px}.newpostcontent{width:100%;height:150px}#PostName,.newComment{width:100%}.checkbox-label span{font-size:14px;color:var(--secondary-text)}.checkbox-label{display:flex;align-items:center;gap:10px;margin:20px 0 0}.ThreadPost{border:1px solid var(--cta);border-radius:10px;padding:20px}.threadcontent{font-size:14px;margin-bottom:20px}.timestamp{font-size:12px;font-style:italic}.comment-btnalign{justify-content:space-between;align-items:center;overflow:hidden}#CommentName{width:300px}#nocomm{text-align:center}.comment{font-size:14px;padding:10px 5px 0;margin:20px 0 0 5px;border-top:1px solid var(--cta)}.CommContent{margin-top:5px}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:60px;overflow:hidden}.loading-spinner{display:flex;justify-content:center;align-items:center;overflow:hidden}.spinner{width:40px;height:40px;border:3px solid #242424;border-top:3px solid #858585;border-radius:50%;animation:spin 1s linear infinite;background-color:#1c1c1c;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disabled{background-color:#242424!important;color:#858585!important;cursor:not-allowed!important;opacity:.6}.disabled::placeholder{color:#858585!important;opacity:.5}.text-center{text-align:center}@media (max-width: 768px){.loading-container{padding:1rem}.spinner{width:30px;height:30px;border-width:2px}}.btn-reset,.btn-login{all:unset;background-color:var(--cta);display:inline-block;color:var(--primary-text);padding:11px 20px;border-radius:5px;font-size:14px;font-weight:500;transition:all .2s ease}.btn-reset:hover,.btn-login:hover{opacity:.7}.login-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;transform:translateY(-50%)}.login-window{background-color:var(--background-2);border:1px solid var(--cta);border-radius:10px;padding:20px}.login-form input,.blogpost-container input,.blogpost-container textarea{width:100%;padding:10px;border:1px solid var(--cta);background-color:var(--form);border-radius:5px;color:var(--primary-text);margin-bottom:15px;font-size:14px;outline:none}.btn-login{width:100%;text-align:center;padding:11px 0;cursor:pointer}.blogpost-container{width:100%;padding:20px;background-color:var(--background-2);min-height:200px;border-radius:10px;border:1px solid var(--cta);margin:40px 0;overflow:hidden;position:relative}.blogpost-container textarea{height:150px}.custom-file{padding:10px;border-radius:6px;color:#fff;background:none!important;border:none!important;cursor:pointer}.custom-file::-webkit-file-upload-button{background:var(--cta);color:#fff;padding:8px 15px;border:none;margin-right:10px;border-radius:4px;transition:all .2s ease;cursor:pointer}.custom-file::-webkit-file-upload-button:hover{opacity:.7}.blog-image{overflow:hidden;max-width:700px;margin:40px auto;position:relative;border-radius:20px;border:3px solid var(--cta)}.blog-image img{width:100%;height:100%;object-fit:cover}.blog-content{margin:30px 0}.blog-content p{margin-top:20px}.margin-bottom{margin-bottom:50px}.token.arrow{display:none}.noscroll{scrollbar-width:none!important;-ms-overflow-style:none!important}.noscroll::-webkit-scrollbar{display:none!important}