body{font-family:system-ui,sans-serif;line-height:1.6;margin:0}:root{--primary-color:#0b0c10;--secondary-color:#212736;--text-color:#f0f0f1;--border-color:hsla(0,0%,100%,.164)}::-webkit-scrollbar{display:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root,body,html{height:100%;margin:0;max-width:100%}.App{align-items:center;background:#0b0c10;background:var(--primary-color);color:#f0f0f1;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;overflow-x:clip;width:100vw}h1,h2,h3{font-family:Ruwudu,serif;font-style:normal;font-weight:500}.title{color:#f0f0f1;color:var(--text-color);font-size:40px;padding:20px}.hidden{opacity:0;transform:translateY(40px)}.show{opacity:1;transform:translateY(0)}.break{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:40px 0;width:100%}.navbar{align-items:center;background-color:#0b0c10;background-color:var(--primary-color);border-bottom:1px solid hsla(0,0%,100%,.164);border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:0;max-width:100vw;padding:0 20px;position:fixed;top:0;transition:transform .3s ease-in-out;width:100%;z-index:1000}.navbar--hidden{transform:translateY(-100%)}.nav-logo{color:#f0f0f1;color:var(--text-color);display:flex;font-size:large;justify-content:space-between}.nav-logo img{width:30px}.nav-link:hover{background:#212736;background:var(--secondary-color);color:#f0f0f1;color:var(--text-color)}.nav-link{background:#f0f0f1;background:var(--text-color);border:none;border-radius:6px;color:#0b0c10;color:var(--primary-color);cursor:pointer;display:inline-block;font-size:1rem;margin:0 8px;padding:8px 16px;text-decoration:none;transition:background .2s}.intro{display:flex;min-height:100vh}.intro,.intro-container{align-items:center;background:#0b0c10;background:var(--primary-color);color:#f0f0f1;color:var(--text-color);flex-direction:column;height:auto;justify-content:center;overflow-y:hidden;position:relative;width:100%}.intro-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 2fr}.intro-top{align-items:center;display:flex;flex-direction:column;grid-column:1/3;grid-row:1;justify-content:center}.intro-title{font-size:40px;margin:0;padding-top:100px}.intro-links,.intro-subtitle,.intro-title{color:#f0f0f1;color:var(--text-color)}a[href^="mailto:"]{color:inherit;text-decoration:none}.intro-bottom-left{align-items:center;display:flex;grid-column:1;grid-row:2;justify-content:center}.intro-bottom-left img{border-radius:8px;width:500px}.intro-bottom-right{align-items:center;display:flex;flex-direction:column;grid-column:2;grid-row:2;justify-content:center;padding:40px}.intro-bottom-right span{display:block;text-align:center}.about{background:#0b0c10;background:var(--primary-color);color:#f0f0f1;color:var(--text-color);height:auto;min-height:100vh;overflow-y:hidden;position:relative;width:100%}.about,.workExp{align-items:center;display:flex;flex-direction:column;justify-content:center}.workExp{padding:40px}.experience-card{background:#212736;background:var(--secondary-color);border:1px solid hsla(0,0%,100%,.164);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:row;font-family:Inter,-apple-system,sans-serif;margin-bottom:2em;padding:1.5rem;transition:transform .2s ease;transition:all .6s ease;width:1300px}.experience-card:hover{transform:translateY(-2px)}.xp-card-image{flex-shrink:0;margin-right:1.5rem;width:140px}.xp-card-image img{background-color:#0b0c10;background-color:var(--primary-color);border-radius:8px;height:140px;object-fit:cover;width:100%}.xp-card-details{display:flex;flex:1 1;flex-direction:column}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.company-name{color:#f0f0f1;color:var(--text-color);font-size:1.25rem;font-weight:700;margin:0}.duration{color:#6c757d;font-size:.875rem}.role-title{font-size:1rem;font-weight:600;margin:0 0 1rem}.description,.role-title{color:#f0f0f1;color:var(--text-color)}.description{font-size:.95rem;line-height:1.5;margin:0}.projects{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.project-list{display:flex;flex-wrap:wrap;gap:1em}.project-card{background:#212736;background:var(--secondary-color);border:1px solid hsla(0,0%,100%,.164);border:1px solid var(--border-color);border-radius:12px;color:inherit;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;transition:all .6s ease;width:450px}.project-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.project-card img{background-color:#0b0c10;background-color:var(--primary-color);border-radius:8px;height:300px;object-fit:contain;object-position:center;width:100%}.project-card p{color:#f0f0f1;color:var(--text-color);font-size:.95rem;line-height:1.5;margin:0}.project-title{font-size:.8rem;font-weight:600}.project-stack,.project-title{color:#f0f0f1;color:var(--text-color);letter-spacing:.05em}.resume{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.resume-img{transition:transform .2s ease;transition:all .6s ease}.resume img{border-radius:8px;cursor:pointer;width:680px}
/*# sourceMappingURL=main.d04ad7c0.css.map*/