body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;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{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;font-size:1rem;justify-content:flex-start;margin:0 auto;max-width:68rem;min-height:100vh;text-align:left;width:100%}.App-logo{height:6rem;pointer-events:none}.App-link{color:#ff9500}.header{align-items:center;background-color:#1a1a1a;box-sizing:border-box;display:flex;gap:1rem;margin-bottom:auto;padding:3rem 5rem;width:100%}.profile-pic{aspect-ratio:1;border-radius:50%;box-shadow:0 .25rem .9375rem #0000004d;flex-shrink:0;height:10rem;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:10rem}.header-content{display:grid;flex:1 1;justify-content:center}.title{margin:0;padding:0 0 1rem}.title h1{color:#fff;font-size:2rem;font-weight:600;line-height:1;margin:0}.title h4{color:#888;font-size:1.1rem;font-weight:400;margin:0;padding:.5rem 0 0}.aboutme{margin:0;padding:0}.aboutme p{color:#ccc;font-size:1.1rem;line-height:1.5;margin:0}.aboutme p:first-child{padding-top:.5rem}.header-buttons{display:flex;gap:1.5rem;justify-content:flex-end;padding-top:1.25rem}.btn{align-items:center;background-color:#242424;border-radius:.5rem;box-shadow:0 .25rem .9375rem #0000004d;color:#ccc;cursor:pointer;display:flex;font-size:1.5rem;height:3rem;justify-content:center;text-decoration:none;transition:all .3s ease;width:3rem}.btn:hover{background-color:#2d2d2d;border-color:#ff9500;box-shadow:0 .25rem .75rem #ff95004d;color:#ff9500;transform:translateY(-.125rem)}.section-title{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.03125rem;margin:0 0 1.5rem}.experiences-section{box-sizing:border-box;padding:2rem 1.5rem;width:100%}.experience-card{background-color:#242424;border-radius:1rem;box-shadow:0 .25rem .9375rem #0000004d;margin-bottom:1rem;padding:1.5rem 2rem}.experience-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.experience-role{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.experience-company{color:#888;font-size:.875rem;margin:0}.experience-dates{color:#ff9500;flex-shrink:0;font-size:.875rem;white-space:nowrap}.experience-bullets{color:#ccc;font-size:.875rem;line-height:1.6;margin:0;padding-left:1.25rem}.experience-bullets li+li{margin-top:.5rem}.projects-section{box-sizing:border-box;padding:2rem 1.5rem;width:100%}.projects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(21.25rem,1fr))}.project-card{background-color:#242424;border-radius:1rem;box-shadow:0 .25rem .9375rem #0000004d;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{box-shadow:0 .5rem 1.5rem #0006;transform:translateY(-.1875rem)}.project-name{color:#fff;font-size:1rem;font-weight:600;margin:0}.project-description{color:#ccc;font-size:.875rem;line-height:1.6;margin:0}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background-color:#2d2d2d;border-radius:.375rem;color:#ff9500;font-size:.8125rem;font-weight:500;padding:.2rem .6rem}.project-links{display:flex;gap:1rem;margin-top:auto;padding-top:.25rem}.project-link{align-items:center;color:#ccc;display:inline-flex;font-size:.875rem;gap:.4rem;text-decoration:none;transition:color .2s ease}.project-link:hover{color:#ff9500}.footer{background-color:#1a1a1a;border-top:1px solid #ff9500;color:#888;font-size:1rem;margin:3rem 0 1rem;padding:0 3rem;text-align:center;width:-webkit-fit-content;width:fit-content}@media (max-width:48rem){.header{align-items:center;flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}.header-content{justify-content:center}.profile-pic{height:8rem;width:8rem}.title h1{font-size:1.5rem}.aboutme p,.title h4{font-size:.95rem}.header-buttons{justify-content:center;width:100%}}
/*# sourceMappingURL=main.b490357d.css.map*/