*{margin:0;padding:0}:root{--button-primary: #0f766e;--button-primary-hover: #0c5e57;--button-secondary: #ffffff;--text-gold-1: #a9792b;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-color-0: #333333;--text-color-1: #9ca3af;--text-color-2: #6b7280;--text-color-3: #4b5563;--text-color-4: #374151;--text-color-5: #1f2937;--text-color-6: #111827}.dark-theme{--button-primary: #0f766e;--button-primary-hover: #0c5e57;--button-secondary: #111827;--text-gold-1: #a9792b;--bg-primary: #111827;--bg-secondary: #1f2937;--text-color-0: #f0f0f0;--text-color-1: #8b95a1;--text-color-2: #b0b6be;--text-color-3: #d4d7db;--text-color-4: #e4e5e7;--text-color-5: #f0f1f3;--text-color-6: #ffffff}.light-theme{--button-primary: #0f766e;--button-primary-hover: #0c5e57;--button-secondary: #ffffff;--text-gold-1: #a9792b;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-color-0: #333333;--text-color-1: #9ca3af;--text-color-2: #6b7280;--text-color-3: #4b5563;--text-color-4: #374151;--text-color-5: #1f2937;--text-color-6: #111827}.container{max-width:1200px;width:calc(100% - 40px);padding:20px;margin:auto}.hidden{display:none}.scroll-target{scroll-margin-top:61px}.section-heading{text-align:center;font-size:2.5rem;margin-top:15px;margin-bottom:60px;color:var(--text-color-4);font-weight:600}.contact-links{display:flex;height:40px;justify-content:center;align-items:center;gap:20px}.contact-links .icon{width:30px;fill:var(--text-color-3)}.contact-links .icon:hover{fill:var(--text-color-6)}.moon-icon{background:url(../5351177f20afbd26abf8.svg)}.sun-icon{background:url(../aec1fe579200ef56046b.svg)}header{position:sticky;top:0%;display:flex;width:100%;padding:10px 0;justify-content:center;align-items:center;z-index:2;background-color:var(--bg-primary);border-bottom:1px solid color-mix(in srgb, var(--text-color-1) 20%, transparent)}header .container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:0 20px}header .container .mobile-menu-header{display:flex;justify-content:space-between;align-items:center}header .container .mobile-menu-header .mobile-menu-btn-container .toggle-dark-mode-mobile{background:none;color:inherit;border:none;cursor:pointer;margin-right:20px}header .container .mobile-menu-header .mobile-menu-btn-container .toggle-dark-mode-mobile .icon{width:20px;height:20px}header .container .mobile-menu-header .mobile-menu-btn-container .toggle-dark-mode-mobile :hover{opacity:.6}header .container h1{font-size:2rem;font-weight:600;margin:0;color:var(--text-color-3)}header .container .menu-btn{font-size:2rem;border:none;background-color:rgba(0,0,0,0);cursor:pointer;color:var(--text-color-2);transition:color .3s}header .container .menu-btn:hover{color:var(--text-color-5)}header .container nav ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:20px;padding:6.6666666667px}header .container nav ul a{text-decoration:none;padding:6.6666666667px;color:var(--text-color-2);font-size:1rem;transition:color .3s}header .container nav ul a:hover{color:var(--text-color-5);border-bottom:2px solid color-mix(in srgb, var(--text-color-1) 60%, transparent)}header .container nav ul button{background:none;color:inherit;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}header .container nav ul button .icon{margin:auto;width:20px;height:20px}header .container nav ul button :hover{opacity:.6}.slider,#about-me .container .intro-container .technical-skills,main .container .intro-container .technical-skills{width:100%;height:140px;display:flex;justify-content:space-between;align-items:center;position:relative;margin:auto;overflow:hidden}.slider .slide,#about-me .container .intro-container .technical-skills .slide,main .container .intro-container .technical-skills .slide{width:140px;height:140px;display:flex;justify-content:center;align-items:flex-end;position:absolute;transition:transform 500ms ease-in-out}.slider .slide .logo,#about-me .container .intro-container .technical-skills .slide .logo,main .container .intro-container .technical-skills .slide .logo{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;width:100%;margin:20px}.slider .slide .description,#about-me .container .intro-container .technical-skills .slide .description,main .container .intro-container .technical-skills .slide .description{color:var(--text-color-4)}.slider .btn-nav,#about-me .container .intro-container .technical-skills .btn-nav,main .container .intro-container .technical-skills .btn-nav{position:absolute;height:32px;width:32px;padding:10px;border:none;border-radius:50%;z-index:1;cursor:pointer}.slider .btn-prev,#about-me .container .intro-container .technical-skills .btn-prev,main .container .intro-container .technical-skills .btn-prev{left:0%}.slider .btn-next,#about-me .container .intro-container .technical-skills .btn-next,main .container .intro-container .technical-skills .btn-next{right:0%}.slider .bottom-nav-dots-container,#about-me .container .intro-container .technical-skills .bottom-nav-dots-container,main .container .intro-container .technical-skills .bottom-nav-dots-container{position:absolute;bottom:0%;left:50%;width:100px;gap:10px;display:flex;justify-content:center;align-items:center;text-align:center;transform:translateX(-50%)}.slider .btn-nav-dots,#about-me .container .intro-container .technical-skills .btn-nav-dots,main .container .intro-container .technical-skills .btn-nav-dots{height:9px;width:9px;border:none;border-radius:100%;margin:0;padding:0;background-color:gray;opacity:.3;cursor:pointer}.slider .bottom-nav-dots,#about-me .container .intro-container .technical-skills .bottom-nav-dots,main .container .intro-container .technical-skills .bottom-nav-dots{flex-basis:12px;flex-grow:0;flex-shrink:0}.slider .btn-selected-dot>button,#about-me .container .intro-container .technical-skills .btn-selected-dot>button,main .container .intro-container .technical-skills .btn-selected-dot>button{background-color:#fff;height:12px;width:12px;opacity:.7}#about-me .container,main .container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}#about-me .container .profile-pic-container img,main .container .profile-pic-container img{width:250px;height:auto;object-fit:cover;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.1)}#about-me .container .profile-pic-container .contact-links,main .container .profile-pic-container .contact-links{margin-top:20px}#about-me .container .intro-container,main .container .intro-container{min-width:280px;flex:1;padding:20px}#about-me .container .intro-container p,main .container .intro-container p{font-size:1.4rem;line-height:1.6;margin-bottom:20px;color:var(--text-color-4)}#about-me .container .intro-container .my-name,main .container .intro-container .my-name{color:var(--text-gold-1);font-weight:bold}#about-me .container .intro-container .skill-heading,main .container .intro-container .skill-heading{font-size:1.7rem;font-weight:500;margin-bottom:20px;color:var(--text-color-5)}#about-me .container .intro-container .technical-skills,main .container .intro-container .technical-skills{margin-top:20px}#about-me>.container,main>.container{padding-top:100px;padding-bottom:150px}#my-work .container,main .container{display:block}#my-work .container .card-container,main .container .card-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:40px}#my-work .container .card-container .card,main .container .card-container .card{border:1px solid color-mix(in srgb, var(--text-color-1) 20%, transparent);padding:20px;background-color:var(--bg-secondary);border-radius:8px}#my-work .container .card-container .card .project-thumbnail-container,main .container .card-container .card .project-thumbnail-container{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:8px}#my-work .container .card-container .card .project-thumbnail-container img,main .container .card-container .card .project-thumbnail-container img{width:100%;height:auto;transition:transform .3s}#my-work .container .card-container .card .project-thumbnail-container img:hover,main .container .card-container .card .project-thumbnail-container img:hover{transform:scale(1.1)}#my-work .container .card-container .card .project-title-and-links-container,main .container .card-container .card .project-title-and-links-container{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;margin-bottom:10px}#my-work .container .card-container .card .project-title-and-links-container h3,main .container .card-container .card .project-title-and-links-container h3{font-size:1.5rem;margin:0;font-weight:700;color:var(--text-color-4)}#my-work .container .card-container .card .project-title-and-links-container .links-container,main .container .card-container .card .project-title-and-links-container .links-container{display:flex;align-items:center;gap:10px}#my-work .container .card-container .card .project-title-and-links-container .links-container .icon,main .container .card-container .card .project-title-and-links-container .links-container .icon{width:28px;fill:var(--text-color-4)}#my-work .container .card-container .card .project-title-and-links-container .links-container .icon:hover,main .container .card-container .card .project-title-and-links-container .links-container .icon:hover{fill:var(--text-color-4)}#my-work .container .card-container .card .project-description,main .container .card-container .card .project-description{font-size:1.1rem;line-height:1.6;margin-bottom:30px;color:var(--text-color-3)}#my-work .container .card-container .card .project-dependencies,main .container .card-container .card .project-dependencies{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}#my-work .container .card-container .card .project-dependencies .tag,main .container .card-container .card .project-dependencies .tag{display:inline-block;padding:5px 12px;background-color:var(--bg-secondary);color:var(--text-color-3);text-decoration:none;border:.1px solid color-mix(in srgb, var(--text-color-2) 20%, transparent);border-radius:40px;font-size:.9rem;font-weight:bold;transition:background-color .2s ease-in-out}#my-work .container .card-container .card .project-dependencies .tag:hover,main .container .card-container .card .project-dependencies .tag:hover{background-color:var(--bg-primary)}section#my-work{background-color:var(--bg-primary)}#my-work>.container,main>.container{padding-top:30px;padding-bottom:150px}#contact-me .contacts-container,main .contacts-container{display:grid;gap:20px;margin-top:16px;margin-bottom:28px;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}#contact-me .contacts-container form,main .contacts-container form{height:100%;width:100%;display:flex;flex-direction:column}#contact-me .contacts-container form label,main .contacts-container form label{display:flex;flex-direction:column;margin-bottom:5px;font-size:1.3rem;font-weight:bold;color:var(--text-color-4)}#contact-me .contacts-container form label textarea,main .contacts-container form label textarea{resize:none}#contact-me .contacts-container form label input,main .contacts-container form label input,#contact-me .contacts-container form label textarea,main .contacts-container form label textarea{padding:5px;border-radius:4px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1.1rem;border:1.8px solid color-mix(in srgb, var(--text-color-3) 20%, transparent);background-color:var(--bg-primary);color:var(--text-color-4)}#contact-me .contacts-container form label input:focus,main .contacts-container form label input:focus,#contact-me .contacts-container form label textarea:focus,main .contacts-container form label textarea:focus{outline:none;border-color:color-mix(in srgb, #346ff1 70%, transparent)}#contact-me .contacts-container form label input::placeholder,main .contacts-container form label input::placeholder,#contact-me .contacts-container form label textarea::placeholder,main .contacts-container form label textarea::placeholder{font-size:1.1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--text-color-2)}#contact-me .contacts-container form button,main .contacts-container form button{font-size:1.1rem;margin-top:10px;padding:10px 20px;background-color:var(--button-primary);color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-weight:bold;transition:background-color .3s}#contact-me .contacts-container form button:hover,main .contacts-container form button:hover{background-color:var(--button-primary-hover)}#contact-me .contacts-container .contact-details,main .contacts-container .contact-details{height:100%;width:100%}#contact-me .contacts-container .contact-details h3,main .contacts-container .contact-details h3{font-size:1.5rem;font-weight:bold;margin-bottom:10px;color:var(--text-color-4)}#contact-me .contacts-container .contact-details p,main .contacts-container .contact-details p{font-size:1.1rem;line-height:1.6;color:var(--text-color-3)}#contact-me .contacts-container .contact-details .address-section,main .contacts-container .contact-details .address-section{margin-top:20px;color:var(--text-color-3)}#contact-me .contacts-container .contact-details .address-section .detail-info-container,main .contacts-container .contact-details .address-section .detail-info-container{display:flex;align-items:center;gap:10px}#contact-me .contacts-container .contact-details .address-section .detail-info-container .icon,main .contacts-container .contact-details .address-section .detail-info-container .icon{width:20px;fill:var(--text-color-3)}#contact-me .contacts-container .contact-details .address-section .detail-info-container .icon span,main .contacts-container .contact-details .address-section .detail-info-container .icon span{font-size:1.1rem}main{max-width:100%}footer{display:flex;justify-content:center;align-items:center;padding:20px 0;background-color:var(--bg-primary);color:var(--text-color-6);font-size:.9rem;border-top:1px solid color-mix(in srgb, var(--text-color-1) 20%, transparent)}@media(max-width: 540px){.menu-btn{display:inline-block}.mobile-menu-btn-container{display:inline-block}header .container{flex-direction:column;gap:0}header .container .mobile-menu-header{width:100%}header .container nav{display:grid;grid-template-rows:0fr;transition:grid-template-rows 300ms ease-in-out}header .container nav ul{overflow:hidden;flex-direction:column;align-items:center}header .container nav ul li:last-child{margin-bottom:10px}header .container nav.show-menu{grid-template-rows:1fr}}@media(prefers-color-scheme: dark){:root{--button-primary: #0f766e;--button-primary-hover: #0c5e57;--button-secondary: #111827;--text-gold-1: #a9792b;--bg-primary: #111827;--bg-secondary: #1f2937;--text-color-0: #f0f0f0;--text-color-1: #8b95a1;--text-color-2: #b0b6be;--text-color-3: #d4d7db;--text-color-4: #e4e5e7;--text-color-5: #f0f1f3;--text-color-6: #ffffff}}@media(prefers-color-scheme: light){:root{--button-primary: #0f766e;--button-primary-hover: #0c5e57;--button-secondary: #ffffff;--text-gold-1: #a9792b;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-color-0: #333333;--text-color-1: #9ca3af;--text-color-2: #6b7280;--text-color-3: #4b5563;--text-color-4: #374151;--text-color-5: #1f2937;--text-color-6: #111827}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:var(--bg-secondary)}