@import"https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;700;900&family=Varela+Round&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background:transparent}body{background:#f0f1f6f9;color:#000;overflow:hidden;overflow-y:scroll;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}section{scroll-margin-top:90px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:5px}::-webkit-scrollbar-thumb{background:#898989;border-radius:5px}body.dark-mode{background-color:#101010;color:#fff}.scroll-to-top{position:fixed;bottom:20px;right:20px;background-color:#007bff;color:#fff;border:none;border-radius:50%;padding:10px 15px;font-size:18px;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:1000;transition:opacity .3s ease,transform .3s ease}.scroll-to-top:hover{background-color:#3998ff}.scroll-to-top:active{transform:scale(.95)}.scroll-to-top.hidden{opacity:0;pointer-events:none}.footer{margin:50px 0 20px}.navbar{position:fixed;top:0;width:100%;display:flex;align-items:center;text-align:center;justify-content:space-between;padding:16px 25px;font-size:14px;background-color:#fff;box-shadow:0 2px 4px #0000001a;z-index:99;transition:background-color .3s,color .3s}body.dark-mode .navbar{background-color:#212121;color:#e9e9e9}.navbar-logo p{font-size:15px;flex-grow:1}.navbar-links{list-style-type:none;display:flex;gap:25px;text-align:center;align-items:center}.desktopMenuListItem{cursor:pointer;text-decoration:none;color:#505050}body.dark-mode .desktopMenuListItem{color:#c7c7c7}.desktopMenuListItem:before,body.dark-mode .desktopMenuListItem:before{animation:showRight 1s ease forwards;animation-delay:.5s}.desktopMenuListItem:hover,body.dark-mode .desktopMenuListItem:hover{padding-bottom:.5rem;border-bottom:0;transition-duration:.5s;color:#40a9ff}.active,body.dark-mode .active{color:#40a9ff}.toggles{display:flex;gap:40px}.dark-mode-toggle,.menu-toggle{margin-left:auto;background:none;border:none;cursor:pointer;transition:background-color .3s}.menu-toggle{display:none}@media (max-width: 768px){.navbar-links{display:flex;flex-direction:column;gap:20px;padding:0 20px;background-color:#fff;position:absolute;align-items:flex-start;top:100%;right:0;width:60%;height:0;overflow:hidden;opacity:.9;transition:height .3s}.navbar-links.show-menu{height:250px}body.dark-mode .navbar-links{background-color:#212121}.toggles{gap:10px}.menu-toggle{display:block;margin-left:auto}}.about{text-align:center;margin:100px 190px 0;background-color:#fff;color:#505050;box-shadow:0 6px 8px #0000001a;border-radius:10px}body.dark-mode .about{background-color:#0b131f;color:#c7c7c7}.about-content{padding:0 20px 0 50px;display:flex;flex-direction:column}.profile-img{margin:0 auto 10px;position:relative;top:-40px;border-radius:75px;width:150px;height:160px;border:5px solid #007bff;z-index:9}.about-content-details{margin-top:-30px;gap:15px;display:flex;flex-direction:column}.about-content h6{font-weight:400;font-size:30px}.about-content p{text-align:left;align-items:center;line-height:20px}.about-content-details .cursor{display:inline-block;margin-left:2px;animation:blink .8s infinite}.button-container{display:flex;justify-content:center;gap:20px}.about-content-button{margin-top:5px;font-size:13px;width:fit-content;padding:10px 15px;background-color:#3998ff;color:#fff;border-radius:5px;border:none;font-family:inherit;cursor:pointer}.about-content-button:hover{background-color:#5baaff}.about-icons{display:flex;justify-content:center;gap:20px;margin:20px 0}.icon-link{font-size:20px;color:gray}.icon-link:hover{color:#5baaff}@media (max-width: 768px){.about{margin:100px 20px}.about-content{padding:0 20px;flex-direction:column;align-items:center}.profile-img{top:-30px;width:120px;height:120px;border:4px solid #007bff}.about-content h6{font-size:24px}.about-content p{line-height:1.5}.about-content-button{font-size:13px;padding:8px 15px}.about-icons{gap:30px}.icon-link{font-size:18px}}.skills{text-align:center;margin:70px 190px 0;color:#7c7c7c}.skills h2{font-size:30px;margin-bottom:20px;letter-spacing:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:25px}.skill-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;padding:20px;transition:transform .2s}body.dark-mode .skill-card{background-color:#0b131f;color:#c7c7c7}.skill-card:hover{transform:translateY(-5px)}.icon{font-size:40px;color:#3c3c3c;margin-bottom:10px}body.dark-mode .icon{color:#e9e9e9}.skill-card p{margin:0;font-size:14px;font-weight:700;color:#505050}body.dark-mode .skill-card p{color:#c7c7c7}@media (max-width: 768px){.skills{margin:50px 20px}.skills h2{font-size:24px;margin-bottom:15px}.skills-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-card{padding:15px}.icon{font-size:35px;margin-bottom:8px}.skill-card p{font-size:12px}}.experience{margin:70px 190px 0}.experience h2{text-align:center;font-size:30px;margin-bottom:20px;color:#7c7c7c;letter-spacing:2px}.experience p{text-align:center;margin-bottom:20px;color:#7c7c7c}.experience-list{background-color:#fff;color:#666;box-shadow:0 6px 8px #0000001a;border-radius:10px}body.dark-mode .experience-list{background-color:#0b131f;color:#a8a8a8}.experience-list{position:relative;margin-top:30px}.experience-item{padding:25px 40px;position:relative;border-bottom:1px solid #ddddddff}.experience-item:last-child{border-bottom:none}.experience-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.experience-header .title{font-size:17px;font-weight:500}.experience-header .company{margin-top:5px;font-size:14px}.experience-header .year{font-size:14px;opacity:.8}.experience-header .icon{font-size:14px;cursor:"pointer"}.experience-details{padding-top:20px;font-size:14px;line-height:20px;opacity:.9}.experience-details-wrapper{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .3s ease-in-out}.experience-details-wrapper.open{max-height:500px;opacity:1}@media (max-width: 768px){.experience{margin:50px 20px}.experience h2{font-size:24px;margin-bottom:15px}.experience-item{padding:25px 20px}.experience-item .title{font-size:15px}.experience-item .year,.experience-item .company,.experience-item .description{font-size:13px;line-height:18px}}.education{margin:70px 190px 0}.education h2{text-align:center;font-size:30px;margin-bottom:20px;color:#7c7c7c;letter-spacing:2px}.education p{text-align:center;margin-bottom:20px;color:#7c7c7c}.education-list{background-color:#fff;color:#666;box-shadow:0 6px 8px #0000001a;border-radius:10px}body.dark-mode .education-list{background-color:#0b131f;color:#a8a8a8}.education-list{position:relative;margin-top:30px}.education-item{padding:25px 40px;position:relative;border-bottom:1px solid #ddddddff}.education-item:last-child{border-bottom:none}.education-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.education-header .title{font-size:17px;font-weight:500}.education-header .institute{margin-top:5px;font-size:14px}.education-header .year{font-size:14px;opacity:.7}.education-header .icon{font-size:14px;cursor:"pointer"}.education-details{padding-top:20px;font-size:14px;line-height:20px;opacity:.9}.education-details-wrapper{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .3s ease-in-out}.education-details-wrapper.open{max-height:500px;opacity:1}@media (max-width: 768px){.education{margin:50px 20px}.education h2{font-size:24px;margin-bottom:15px}.education-item{padding:25px 20px}.education-item .title{font-size:15px}.education-item .year,.education-item .institute,.education-item .description{font-size:13px;line-height:18px}}.projects{margin:70px 190px 0}.projects h1{text-align:center;font-size:30px;font-weight:900;margin-bottom:20px;color:#696969;letter-spacing:2px}.categories{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.category-button{font-size:11px;padding:8px 15px;border:none;background-color:#fff;color:#333;cursor:pointer;border:1px solid rgb(209,209,209);transition:background-color .3s}body.dark-mode .category-button{background-color:#0b131f;color:#c7c7c7;border:1px solid rgb(76,76,76);transition:background-color .3s}.category-button:hover,body.dark-mode .category-button:hover{color:#007bff}.category-button.active,body.dark-mode .category-button.active{background-color:#007bff;color:#fff}.category-button.active:hover{color:#fff}.project-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{padding:30px;display:flex;flex-direction:column;height:100%;gap:10px;border-radius:10px;background-color:#fff;color:#666;box-shadow:0 4px 8px #0000001a;transition:transform .3s}body.dark-mode .project-card{background-color:#0b131f;color:#a8a8a8}.project-card:hover{transform:translateY(-5px)}.header{display:flex;align-items:center;justify-content:space-between;font-weight:500}.header h2{font-size:14px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.project-cards p{font-size:14px;line-height:20px;opacity:.8;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#e0e0e0;padding:4px 8px;border-radius:15px;font-size:11px;color:#626262;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.stats{margin-top:10px;font-size:14px;display:flex;justify-content:space-between}.stats span{display:flex;align-items:center;gap:5px}.load-more{margin:20px auto;display:block;cursor:pointer;font-size:14px;padding:10px 15px;color:#fff;border-radius:5px;border:none;font-family:inherit;background-color:#acacac;color:#000}.load-more:hover{background-color:#9a9999;box-shadow:0 2px 5px #00000014}@media (max-width: 768px){.projects{margin:50px 20px}h1{font-size:24px;margin-bottom:15px}.categories{margin-bottom:15px}.category-button{font-size:10px;padding:6px}.project-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.project-card{padding:20px}h2{font-size:13px}.tags{gap:6px}.tag{font-size:10px;padding:3px 6px}.project-cards p{font-size:13px;line-height:18px}.stats{font-size:12px}}.contact{margin:70px 190px 0}.contact h2{text-align:center;font-size:30px;font-weight:900;margin-bottom:20px;color:#696969;letter-spacing:2px}.contact-container{margin-top:25px;display:flex;justify-content:space-around;background-color:#fff;color:#858585;padding:50px;border-radius:8px;box-shadow:0 4px 8px #0000001a}body.dark-mode .contact-container{background-color:#0b131f}.contact-info{margin:auto 0;text-align:left;display:flex;flex-direction:column;gap:20px}.contact-info h3{font-size:40px;margin-bottom:10px}.contact-info p{font-size:14px;margin:5px 0;display:flex;align-items:center}.contact-info p svg{margin-right:8px}.contact-form{display:flex;flex-direction:column;gap:25px;width:420px}.contact-form input,.contact-form textarea{padding:9px;font-size:14px;border-radius:5px;border:1px solid #ddd;background-color:#cdcdcd;outline:none}.contact-form textarea{height:80px;resize:none}.contact-form button{padding:9px;font-size:16px;color:#fff;background-color:#00a2ff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.contact-form button:hover{background-color:#007bbd}@media (max-width: 768px){.contact{margin:50px 20px}.contact h2{font-size:24px;margin-bottom:15px}.contact-container{flex-direction:column;padding:30px;gap:20px}.contact-info{text-align:center;gap:15px}.contact-info h3{font-size:32px;text-align:left}.contact-form{width:100%}.contact-form input,.contact-form textarea{font-size:13px;padding:8px}.contact-form button{font-size:14px}}.blog{padding:100px 100px 50px}.blog h1{text-align:center;font-size:30px;font-weight:900;margin-bottom:20px;color:#696969;letter-spacing:2px}.blog p{text-align:center;margin-bottom:20px;color:#7c7c7c}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.blog-card{padding:15px;display:flex;flex-direction:column;height:100%;gap:10px;border-radius:10px;background-color:#fff;color:#666;box-shadow:0 4px 8px #0000001a;transition:transform .3s}body.dark-mode .blog-card{background-color:#0b131f;color:#a8a8a8}.blog-img{width:100%;height:180px;object-fit:cover}.blog-content{padding:16px;display:flex;flex-direction:column;gap:12px}.blog-content h2{font-size:18px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.blog-date{font-size:12px;color:#888}.excerpt{color:#555;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#f0f0f0;padding:4px 8px;border-radius:12px;font-size:12px;color:#444}.read-more{color:#07c;text-decoration:none;font-weight:600}.blog-detail{max-width:800px;margin:70px auto;padding:20px}.back-link{color:#07c;text-decoration:none;display:inline-block;margin-bottom:12px}.detail-title{font-size:28px;margin:6px 0 12px}.publisher-img{width:25px;height:25px;border-radius:50%;object-fit:cover}.external-links{margin-bottom:12px;color:#07c}.external-links a{margin-right:8px;color:#07c;text-decoration:none}.main-img{width:100%;max-height:400px,border-radius:8px;object-fit:cover;margin:18px 0}.blog-body{line-height:1.8;color:#333}@media (max-width: 720px){.blog{padding:100px 20px 50px}.blog-grid{grid-template-columns:1fr}.blog-list-page{margin:20px}.blog-detail{margin:20px;padding:10px}}.blog-detail{max-width:800px;margin:50px auto;padding:20px;line-height:1.6}.blog-detail h1{font-size:28px;text-align:center}.detail-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.publisher{display:flex;gap:20px;align-items:center;text-align:center;justify-content:center}.publisher-info{display:flex;align-items:center;gap:6px}.blog-detail .author{display:flex;align-items:center;gap:10px;margin-bottom:15px}.blog-detail .author img{width:30px;height:30px;border-radius:50%}.main-img{width:100%;max-height:700px;object-fit:cover;border-radius:10px;margin:20px 0}.back-link{display:inline-block;margin-top:20px;color:#007bff;font-weight:700;text-decoration:none}*/ .footer{text-align:center}.footer-icons{display:flex;justify-content:center;gap:30px}.footer-icon-link{font-size:20px;color:gray}.footer-icon-link:hover{color:#a9a9a9}.footer p{margin:15px 0 0;text-align:center;font-size:14px;color:gray;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}