*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#fafaf9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.hero-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.deco{font-family:Courier New,monospace;font-weight:700;opacity:.3;pointer-events:none;position:absolute}.code-brackets{color:#14b8a6;font-size:2rem;left:5%;top:5%}.curly-braces{color:#6366f1;font-size:1.5rem;right:10%;top:10%}.comment{color:#f97316;font-size:1.2rem;left:8%;top:30%}.slashes{bottom:30%;color:#84cc16;font-size:1rem;left:10%}.arrow{bottom:25%;color:#06b6d4;font-size:1.5rem;right:15%;transform:rotate(-15deg)}.profile-container{margin-bottom:1.5rem}.profile-image{background:#fff;border:4px solid #000;border-radius:50%;box-shadow:4px 4px 0 #000;height:120px;overflow:hidden;position:relative;width:120px}.profile-placeholder{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);display:flex;height:100%;justify-content:center;width:100%}.hero-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.hello-text{color:#000;font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:.5rem}.name-container{margin-bottom:.5rem}.name-container,.name-highlight{display:inline-block;position:relative}.name-highlight{background:#2dd4bf;border:4px solid #000;color:#000;font-size:2rem;font-weight:900;padding:.5rem 1.5rem;transform:rotate(-1deg);white-space:nowrap;z-index:2}.name-shadow{background:#f97316;border:4px solid #000;height:100%;left:8px;position:absolute;top:8px;width:100%;z-index:1}.title-container{margin-bottom:1.5rem}.title-box,.title-container{display:inline-block;position:relative}.title-box{background:#65a30d;border:4px solid #000;color:#fff;font-size:1.1rem;font-weight:800;padding:.75rem 1.5rem;white-space:nowrap;z-index:2}.title-shadow{background:#4f46e5;border:4px solid #000;height:100%;left:6px;position:absolute;top:6px;width:100%;z-index:1}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.btn{border:4px solid #000;box-shadow:4px 4px 0 #000;cursor:pointer;font-size:.9rem;font-weight:800;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.btn:active{box-shadow:0 0 0 #000;transform:translate(4px,4px)}.btn-primary{background:#0d9488;color:#fff}.btn-primary:hover{background:#14b8a6}.btn-secondary{background:#ea580c;color:#fff}.btn-secondary:hover{background:#f97316}.social-icons{display:flex;gap:.75rem;margin-top:.5rem}.social-link{align-items:center;border:4px solid #000;box-shadow:4px 4px 0 #000;display:flex;height:50px;justify-content:center;transition:all .2s ease;width:50px}.social-link svg{color:#fff;height:24px;width:24px}.social-link:active{box-shadow:0 0 0 #000;transform:translate(4px,4px)}.github{background:#000}.github:hover{background:#333}.linkedin{background:#4f46e5}.linkedin:hover{background:#6366f1}.linkedin svg{color:#fff}.email{background:#84cc16}.email:hover{background:#a3e635}.email svg{color:#000}@media (max-width:768px){.hello-text{font-size:2rem}.name-highlight{font-size:1.5rem;padding:.5rem 1rem}.title-box{font-size:.9rem;padding:.5rem 1rem}.deco{display:none}.button-group{flex-direction:column;max-width:300px;width:100%}.btn{width:100%}}.skills-section{margin:0 auto;max-width:1200px;padding:3rem 2rem}.skills-intro{background:#0d9488;border:4px solid #000;box-shadow:8px 8px 0 #000;margin-bottom:2rem;padding:1.5rem 2rem}.skills-intro p{color:#fff;color:#000;font-size:1.1rem;font-weight:700;line-height:1.6;text-align:center}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.skill-card{border:4px solid #000;box-shadow:8px 8px 0 #000;padding:1.5rem}.skill-card.frontend{background:#fb923c}.skill-card.backend{background:#4f46e5}.skill-card.backend .skill-title{color:#000}.skill-card.other-skills{background:#65a30d;grid-column:1/-1}.skill-card.other-skills .skill-title{color:#000}.skill-title{background:#fff;border:4px solid #000;box-shadow:4px 4px 0 #000;color:#000;display:inline-block;font-size:1.2rem;font-weight:900;margin-bottom:1rem;padding:.5rem 1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{border:4px solid #000;box-shadow:4px 4px 0 #000;color:#000;display:inline-block;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:all .2s ease}.skill-tag:hover{box-shadow:2px 2px 0 #000;transform:translate(2px,2px)}.skill-card.frontend .skill-tag{background:#ffedd5}.skill-card.backend .skill-tag{background:#c7d2fe}.skill-card.other-skills .skill-tag{background:#ecfccb}@media (max-width:768px){.skills-section{padding:2rem 1rem}.skills-grid{grid-template-columns:1fr}.skill-card{box-shadow:4px 4px 0 #000}.skill-title{font-size:1rem}.skill-tag,.skill-title{box-shadow:2px 2px 0 #000}.skill-tag{font-size:.8rem}.skills-intro{box-shadow:4px 4px 0 #000}}.about-section{background:#fff;border-bottom:4px solid #000;border-top:4px solid #000;padding:4rem 2rem}.about-container{align-items:center;display:flex;gap:3rem;margin:0 auto;max-width:1200px}.experience-badge{align-items:center;background:#0d9488;border:4px solid #000;box-shadow:8px 8px 0 #000;display:flex;flex-direction:column;justify-content:center;min-width:150px;padding:2rem;text-align:center}.experience-badge .experience-number,.experience-badge .experience-text{color:#fff}.experience-number{color:#000;font-size:4rem;font-weight:900;line-height:1}.experience-text{color:#000;font-size:1rem;font-weight:700;margin-top:.5rem;text-transform:uppercase}.about-content{flex:1 1}.about-heading{color:#000;font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:1.5rem;text-transform:uppercase}.about-text{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:2rem;max-width:800px}.about-cta{margin-top:1rem}@media (max-width:768px){.about-section{padding:2rem 1rem}.about-container{flex-direction:column;gap:2rem;text-align:center}.experience-badge{box-shadow:4px 4px 0 #000;padding:1.5rem}.experience-number{font-size:3rem}.about-heading{font-size:2rem}.about-text{font-size:1rem}}
/*# sourceMappingURL=main.e095cc80.css.map*/