:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.custom-navbar{background-color:#343a40;padding:1rem 0}#navbarNav{display:flex;margin:auto}.FontAwesomeIcon,span{color:#fff}.brand-name{font-family:Pacifico,cursive;font-size:2rem;font-weight:700;color:#fff;margin-left:20px;text-decoration:none;transition:color .3s;display:block}.brand-name:hover{color:#17a2b8}.navbar-toggler-icon{background-color:#fff}.nav-link{color:#fff;margin-right:15px;display:flex;align-items:center;transition:color .3s}.nav-link span{margin-right:.5rem}.nav-link:hover,.ho:hover,.nav-link:hover span{color:#17a2b8!important}.navbar-toggler{border:none}.navbar-toggler:focus{outline:none}.ml-auto{margin-left:auto}.fa-lg{margin-right:5px}@media (max-width: 768px){.navbar-nav{margin-left:0;text-align:center}.navbar-toggler{margin-bottom:10px}.ml-auto{margin-left:0;text-align:center;margin-top:10px}}body{font-family:Arial,sans-serif;background-color:#f8f9fa;color:#fff}.container{max-width:1200px;margin:0 auto}#about{padding:20px 0}.section-title{font-size:2.5rem;color:#17a2b8;margin-bottom:20px}.section-description{font-size:1.2rem;line-height:1.6;color:#555}.card{box-shadow:0 4px 8px #0000001a;transition:transform .3s}.resume-download-btn{display:inline-block;padding:10px 20px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;background-color:#007bff;color:#fff;border-radius:5px;transition:background-color .3s}.resume-download-btn:hover{background-color:#0056b3}.profile-image-container{overflow:hidden;border-radius:50%;margin:auto;width:200px;height:200px;box-shadow:0 0 10px #0000001a}.profile-image{width:100%;height:100%;object-fit:cover}.skills-container{margin-top:40px}.skills-title{font-size:1.8rem;color:#17a2b8}#projects{padding:0}.section-title{font-size:2.5rem;color:#17a2b8;margin-top:20px;margin-bottom:20px}.card{border:none;transition:transform .3s}.card:hover{transform:scale(1.05)}.card-title{font-size:1.5rem;color:#333}.card-text{font-size:1.2rem;color:#555}#resume{padding:10px 0}#resume h2{font-size:2.5rem;color:#17a2b8;margin-bottom:20px}#resume p{font-size:1.2rem;line-height:1.6;color:#555}.resume-download-btn{display:inline-block;padding:10px 20px;font-size:1.2rem;text-align:center;text-decoration:none;background-color:#28a745;color:#fff;border-radius:5px;transition:background-color .3s}.resume-download-btn:hover{background-color:#218838}#contact{padding:10px 0}#contact .section-title{font-size:2.5rem;color:#17a2b8;margin-bottom:20px}#contact .section-description{font-size:1.2rem;line-height:1.6;color:#555}.contact-list{list-style:none;padding:0;display:flex;flex-direction:column}.contact-list li{margin-bottom:15px}.contact-icon{margin-right:10px;font-size:24px;color:gray}.contact-list a{color:#333;text-decoration:none}.contact-list a:hover{color:#17a2b8}.skills-title{font-size:1.8rem;color:#17a2b8;margin-top:30px}.skills-list{list-style:none;padding:0;margin-top:15px}.skills-list li{background-color:#17a2b8;color:#fff;border-radius:5px;padding:8px 12px;margin-bottom:8px;display:inline-block;margin-right:10px}.skills-list li:last-child{margin-right:0}.btn-primary{background-color:#17a2b8;color:#fff;border:none;padding:10px 20px;font-size:1.2rem;text-decoration:none;border-radius:5px;display:inline-block;margin-top:20px;transition:background-color .3s ease}.btn-primary:hover{background-color:#136b7d}.footer{background-color:#343a40;color:#fff;padding:20px 0;position:relative;bottom:0;width:100%}.footer p{margin-bottom:0}.social-icons{display:flex;justify-content:flex-end}.social-icons li{margin-right:10px}.social-icons a{color:#fff;font-size:20px;text-decoration:none}.social-icons a:hover{color:#17a2b8}@media (max-width: 768px){h2{font-size:2rem}p{font-size:1rem}}.breadcrumb{background-color:#f8f9fa;padding:10px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.breadcrumb-item a{color:#007bff;text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item.active{color:#343a40;font-weight:700}.project-link,.contact-link{color:gray}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}