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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}body{overflow-x:hidden}.header-element{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 20px}.logo-container{align-items:center;display:flex;gap:12px}.header-logo{border:2px solid #ddd;border-radius:50%;height:48px;object-fit:cover;width:48px}.logo-name{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;font-weight:600}.nav-links{gap:30px}.page-link{color:#444;font-size:16px;font-weight:500;position:relative;text-decoration:none;transition:color .3s,transform .3s}.page-link:after{background:#007bff;bottom:-5px;content:"";display:block;height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.page-link:hover{color:#007bff;transform:scale(1.05)}.page-link:hover:after{width:100%}@media (max-width:768px){.header-element{gap:15px}.header-element,.nav-links{align-items:flex-start;flex-direction:column}.nav-links{gap:12px;width:100%}.page-link{font-size:18px}}.work-experience{background-color:#f9fbfc;padding:40px 20px}.work-experience h2{color:#2b2d42;font-size:2rem;margin-bottom:30px;text-align:center}.work-experience-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:30px;padding:20px;transition:transform .2s ease}.work-experience-content:hover{transform:translateY(-2px)}.work-experience-content h3{color:#1e293b;font-size:1.2rem;margin-bottom:6px}.work-experience-content p{color:#6b7280;font-size:.95rem;margin-bottom:15px}.work-experience-content ul{padding-left:18px}.work-experience-content ul li{color:#374151;font-size:.95rem;line-height:1.5;list-style-type:disc;margin-bottom:8px}@media (max-width:768px){.work-experience{padding:20px 15px}.work-experience h2{font-size:1.5rem}.work-experience-content h3{font-size:1.1rem}.work-experience-content{padding:15px}.work-experience-content p,.work-experience-content ul li{font-size:.9rem}}.nav-links{display:flex;flex-direction:row;gap:20px}.hero-section{align-items:center;background:linear-gradient(135deg,#e0f2ff,#fff,#f3e8ff);display:flex;flex-direction:column;gap:20px;padding:80px 20px;text-align:center}.hero-section h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:10px}.hero-section h2{color:#475569;font-size:1.5rem;font-weight:500;margin-bottom:10px}.hero-section p{color:#334155;font-size:1.1rem;margin-bottom:30px;max-width:600px}.view-projects-resume{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.view-projects-resume a{border-radius:8px;display:inline-block;font-size:1rem;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.view-projects{background-color:#3b82f6;border:2px solid #0000;color:#fff}.view-projects:hover{background-color:#2563eb}.resume{background-color:initial;border:2px solid #3b82f6;color:#3b82f6}.resume:hover{background-color:#e0f2ff}@media (max-width:768px){.hero-section h1{font-size:2rem}.hero-section h2{font-size:1.2rem}.hero-section p{font-size:1rem;padding:0 10px}.view-projects-resume{align-items:center;flex-direction:column}.view-projects-resume a{text-align:center;width:80%}}.skills-snapshot{background-color:#f9fbfd;box-shadow:0 4px 12px #0000000f;padding:20px 0 20px 60px}.skills-snapshot h2{color:#222;font-size:2rem;margin-bottom:1rem;text-align:center}.skills-snapshot-content{margin-bottom:2rem}.skills-snapshot-content h3{color:#444;font-size:1.2rem;margin-bottom:.75rem}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.badge{background-color:#e6edf2;border-radius:999px;color:#333;font-size:.9rem;padding:8px 14px;transition:background-color .3s ease}.badge:hover{background-color:#dcf4fa;cursor:pointer}@media (max-width:768px){.skills-snapshot{padding:20px 16px}.skills-list{justify-content:flex-start}.skills-snapshot h2{font-size:1.5rem}.skills-snapshot-content h3{font-size:1rem}.badge{font-size:.85rem;padding:6px 12px}}.projects{background-color:#f9f9f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0 80px 20px}.projects h2{border-bottom:2px solid #007bff;color:#222;display:inline-block;font-size:32px;margin-bottom:20px;padding-bottom:5px}.projects-content h3{color:#444;font-size:24px;margin-bottom:30px}.project-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:24px;transition:transform .3s,box-shadow .3s}.project-item:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.project-item h4{color:#333;font-size:20px;margin-bottom:12px}.project-item p{color:#666;font-size:15px;margin-bottom:16px}.project-item a{color:#007bff;font-weight:600;text-decoration:none;transition:color .3s}.project-item a:hover{color:#0056b3}.project-links a{margin-right:12px}.project-image{border-radius:8px;height:auto;max-width:300px;object-fit:cover;width:100%}@media (max-width:768px){.projects{padding:20px}.projects h2{font-size:28px}.projects-content h3{font-size:20px}.project-item{padding:20px}}.about-me{background-color:#fff;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:60px 80px}.about-me h2{border-bottom:2px solid #007bff;color:#222;display:inline-block;font-size:32px;margin-bottom:24px;padding-bottom:5px}.about-text{color:#444;font-size:17px;line-height:1.7;max-width:700px}.about-text p{border-left:3px solid #007bff;margin-bottom:14px;padding-left:10px}.about-text p:hover{background-color:#f9f9f9}@media (max-width:768px){.about-me{padding:40px 20px}.about-me h2{font-size:28px}.about-text{font-size:16px}}.contact{background-color:#f9f9f9;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:60px 80px;text-align:left}.contact h2{border-bottom:2px solid #007bff;color:#222;display:inline-block;font-size:32px;margin-bottom:24px;padding-bottom:5px}.contact-text{color:#555;font-size:17px;line-height:1.7;max-width:650px}.contact-text p{margin-bottom:18px}.contact-link{color:#007bff;font-weight:500;margin:0 5px;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#0056b3;text-decoration:underline}@media (max-width:768px){.contact{padding:40px 20px}.contact h2{font-size:28px}.contact-text{font-size:16px}}
/*# sourceMappingURL=main.1fd0d045.css.map*/