body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#fff;color:#333;min-height:100vh;text-align:justify}.navbar{background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:#333;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease,transform .3s ease}.nav-links a:after{background-color:#0984e3;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.hero-section{align-items:center;animation:fadeIn 1s ease-out forwards;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;opacity:0;padding:6rem 2rem 2rem}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.hero-text{padding-right:2rem;text-align:center}.hero-image{border-radius:50%;height:400px;margin:0 auto;overflow:hidden;position:relative;width:400px}.hero-image img{height:100%;object-fit:cover;object-position:top center;width:100%}.hero-section h1{color:#2d3436;font-size:3.5rem;margin-bottom:1rem;text-align:center}.hero-section h2{color:#636e72;font-size:2rem;margin-bottom:2rem;text-align:center}.hero-section .intro-text{color:#2d3436;font-size:1.2rem;line-height:1.6;margin:0 auto 3rem;max-width:600px;text-align:center}.section{animation:fadeIn .8s ease-out forwards;margin:0 auto;max-width:1200px;opacity:0;padding:5rem 2rem}.section-title{color:#2d3436;font-size:2.5rem;margin-bottom:3rem}.about-content{margin:0 auto;max-width:800px;text-align:justify}.about-text p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.experience-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:3rem auto;max-width:800px}.experience-category{background:#f8f9fa;border-radius:10px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.experience-category:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.experience-category h3{color:#2d3436;margin-bottom:1rem;transition:transform .3s ease}.experience-category:hover h3{transform:scale(1.05)}.experience-category ul{list-style:none}.experience-category li{color:#636e72;margin-bottom:.5rem;opacity:.9;transition:transform .3s ease,color .3s ease}.experience-category:hover li{color:#2d3436;opacity:1;transform:translateX(5px)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.skill-category{background:#f8f9fa;border-radius:10px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.skill-category:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.skill-category h3{color:#2d3436;margin-bottom:1rem;transition:transform .3s ease}.skill-category:hover h3{transform:scale(1.05)}.skill-category ul{align-items:center;display:flex;flex-direction:column;list-style:none}.skill-category li{align-items:center;color:#636e72;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem;opacity:.9;transition:all .3s ease;width:100%}.skill-category:hover li{color:#2d3436;opacity:1;transform:translateX(5px)}.skill-icon{color:#0984e3;flex-shrink:0;font-size:1.1rem;margin-right:.25rem;transition:all .3s ease}.skill-category li:hover .skill-icon{animation:iconPulse .5s ease;color:#0984e3}.projects-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1400px;padding:0;width:100%}.project-card{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:2.5rem;text-align:justify;transition:box-shadow .3s ease,background-color .3s ease;width:100%}.project-card:hover{background-color:#f0f2f5;box-shadow:0 5px 15px #0000001a}.project-image{align-items:center;border-radius:10px;display:flex;height:250px;justify-content:center;margin:.2rem 0;overflow:hidden;transition:filter .3s ease;width:250px}.project-card:nth-child(3){grid-column:1/-1;max-width:1400px;padding:3rem}.project-card:nth-child(3) .project-image{height:300px;margin:1.5rem auto;width:300px}.project-card:nth-child(3) .project-image img{height:100%;object-fit:contain;width:100%}.project-card:nth-child(3) p{font-size:1.2rem;line-height:1.6;margin:1rem auto;max-width:800px}.project-card:hover .project-image{filter:brightness(1.05)}.project-image img{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.project-card h3{color:#2d3436;font-size:2rem;margin-bottom:.5rem;transition:color .3s ease}.project-card:hover h3{color:#0984e3}.project-card p{color:#636e72;font-size:1.1rem;margin-top:-.5rem;transition:color .3s ease}.project-card:hover p{color:#2d3436}.project-links{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.project-link{color:#0984e3;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.project-link:after{background-color:#0984e3;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.project-link:hover{color:#0873c4}.project-link:hover:after{width:100%}.contact-content{margin:0 auto;max-width:600px;text-align:justify}.contact-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.contact-link{color:#2d3436;font-weight:500;text-decoration:none;transition:all .3s ease}.contact-link,.contact-link .icon{align-items:center;display:flex;justify-content:center}.contact-link .icon{font-size:24px}.contact-link:hover{color:#0984e3;transform:translateY(-2px) scale(1.1)}.cta-buttons{display:flex;gap:1rem;justify-content:center}.primary-button,.secondary-button{border-radius:30px;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:transform .2s ease}.primary-button{background-color:#0984e3;color:#fff}.secondary-button{background-color:initial;border:2px solid #0984e3;color:#0984e3}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.footer{background:#f8f9fa;color:#636e72;padding:2rem}@media (max-width:768px){.hero-content{gap:2rem;grid-template-columns:1fr}.hero-text{padding-right:0;text-align:center}.hero-image{height:300px;width:300px}h1{font-size:2.5rem}h2{font-size:1.5rem}.nav-content,.nav-links{flex-direction:column;gap:1rem}.contact-links,.cta-buttons{flex-direction:column}.contact-links{gap:1rem}.experience-grid,.projects-grid,.skills-grid{grid-template-columns:1fr}.project-image{height:250px;width:250px}}.contact-links,.cta-buttons,.experience-category,.footer,.hero-section .intro-text,.hero-section h1,.hero-section h2,.hero-text,.nav-content,.project-card h3,.project-links,.section-title,.skill-category{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes cardHover{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes contentFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.experience-category li,.skill-category li{animation:contentFade .5s ease forwards;opacity:0}.skill-category li:first-child{animation-delay:.1s}.skill-category li:nth-child(2){animation-delay:.2s}.skill-category li:nth-child(3){animation-delay:.3s}.skill-category li:nth-child(4){animation-delay:.4s}.skill-category li:nth-child(5){animation-delay:.5s}.skill-category li:nth-child(6){animation-delay:.6s}.skill-category li:nth-child(7){animation-delay:.7s}.skill-category li:nth-child(8){animation-delay:.8s}.skill-category li:nth-child(9){animation-delay:.9s}.skill-category li:nth-child(10){animation-delay:1s}.experience-category li:first-child{animation-delay:.1s}.experience-category li:nth-child(2){animation-delay:.2s}.experience-category li:nth-child(3){animation-delay:.3s}.experience-category li:nth-child(4){animation-delay:.4s}.experience-category li:nth-child(5){animation-delay:.5s}.theme-toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:transform .3s ease}.theme-toggle:hover{transform:rotate(15deg)}.dark-mode{background-color:#1a1a1a;color:#fff}.dark-mode .navbar{background-color:#1a1a1af2;box-shadow:0 2px 10px #0000004d}.dark-mode .nav-links a,.dark-mode .nav-logo{color:#fff}.dark-mode .nav-links a:hover{color:#0984e3}.dark-mode .hero-section{background:linear-gradient(135deg,#2d3436,#1a1a1a)}.dark-mode .hero-section h1,.dark-mode .hero-section h2,.dark-mode .section-title{color:#fff}.dark-mode .about-text p{color:#e0e0e0}.dark-mode .experience-category,.dark-mode .project-card,.dark-mode .skill-category{background:#2d3436;box-shadow:0 4px 6px #0003}.dark-mode .experience-category:hover,.dark-mode .skill-category:hover{background:#353b48}.dark-mode .experience-category h3,.dark-mode .project-card h3,.dark-mode .skill-category h3{color:#fff}.dark-mode .experience-category li,.dark-mode .skill-category li{color:#e0e0e0}.dark-mode .experience-category:hover li,.dark-mode .skill-category:hover li{color:#fff}.dark-mode .project-card p{color:#e0e0e0}.dark-mode .project-card:hover p{color:#fff}.dark-mode .project-link{color:#0984e3}.dark-mode .project-link:hover{color:#74b9ff}.dark-mode .contact-content p{color:#e0e0e0}.dark-mode .contact-link{color:#fff}.dark-mode .contact-link:hover{color:#0984e3}.dark-mode .footer{background:#2d3436;color:#e0e0e0}.App{transition:background-color .3s ease,color .3s ease}.experience-category,.footer,.hero-section,.navbar,.project-card,.section,.skill-category{transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.dark-mode .project-card:hover{background-color:#353b48;box-shadow:0 5px 15px #0000004d}.dark-mode .project-card:hover .project-image{filter:brightness(1.1)}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}70%{transform:rotate(14deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(14deg)}to{transform:rotate(0deg)}}.wave-emoji{cursor:pointer;display:inline-block;font-size:1.2em;transform-origin:70% 70%;transition:transform .3s ease}.wave-emoji:hover{animation:wave 1.5s ease-in-out}
/*# sourceMappingURL=main.87da4025.css.map*/