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;line-height:1.5;margin:0}*{box-sizing:border-box}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{font-size:16px}@media screen and (max-width:768px){:root{font-size:14px}}@media screen and (max-width:480px){:root{font-size:12px}}.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:sticky;top:0;width:100vw;z-index:3}.logo{border-radius:30%;height:3rem;object-fit:cover;width:4rem}.desktopMenu{display:none}.desktopLink{color:#fff;cursor:pointer;font-size:1rem;margin:1rem;text-decoration:none;transition:all .3s ease}.desktopLink:hover{border-bottom:3px solid #adff2f;color:#adff2f;padding-bottom:.5rem}.desktopBtn{background:#adff2f;border:none;border-radius:2rem;color:#000;cursor:pointer;display:none;font-weight:500;height:2.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.desktopBtn:hover{background-color:#fff;transform:scale(1.05)}.active{border-bottom:3px solid #adff2f;color:#adff2f;padding-bottom:.5rem}.mobileMenuBtn{background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;z-index:4}.mobileMenu{align-items:center;background:#282828;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%;z-index:3}.mobileMenu.open{right:0}.mobileLink{color:#fff;font-size:1.2rem;text-decoration:none;transition:color .3s ease}.mobileLink:hover{color:#adff2f}.mobileBtn{background:#adff2f;border:none;border-radius:2rem;color:#000;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.mobileBtn:hover{background:#fff;transform:scale(1.05)}@media screen and (min-width:768px){.mobileMenuBtn{display:none}.desktopMenu{display:flex}.desktopBtn{display:block}.mobileMenu{display:none}}@media screen and (min-width:992px){.navbar{padding:1rem 3rem}.desktopLink{font-size:1.1rem;margin:1rem 1.5rem}}#intro{margin:5rem auto 0;max-width:75rem;overflow:hidden;width:100%}#intro,.intro-content{display:flex;flex-direction:column}.intro-content{align-items:flex-start;font-size:clamp(1.5rem,5vw,3rem);font-weight:700;justify-content:center;padding:2rem}.intro-cta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.introBtn{align-items:center;border-radius:2rem;box-shadow:0 4px 6px #0000001a;color:#1e1e1e;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;text-decoration:none}.introBtn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.introBtn.secondary{background:#0000;border:2px solid #adff2f;box-shadow:none;color:#fff}.introBtn.secondary:hover{background:#adff2f1a;color:#adff2f;transform:translateY(-3px)}.introBtn:active{transform:translateY(-1px)}@media screen and (max-width:768px){.intro-cta{gap:1rem;justify-content:center;width:100%}.introBtn{font-size:.9rem;max-width:200px;padding:.65rem 1.75rem;width:100%}}@media screen and (max-width:480px){.intro-cta{align-items:center;flex-direction:column}.introBtn{max-width:none;width:100%}}.bg-image{margin:2rem auto 0;max-width:600px;object-fit:contain;transition:opacity .3s ease;width:100%}.intro-text{text-align:left;width:100%}.hello{display:block;font-size:inherit;font-weight:600;margin-bottom:.5rem}.introName{color:#adff2f}.introText{display:block;margin-bottom:1.5rem}.introPara{font-weight:300;letter-spacing:.5px;line-height:1.6;margin:1.5rem 0;max-width:800px}.introBtn,.introPara{font-size:clamp(.875rem,2vw,1rem)}.introBtn{background:#adff2f;border:none;border-radius:10px;cursor:pointer;margin:1rem 0;padding:.75rem 2rem;transition:all .3s ease}.introBtn:hover{background:#fff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.bg-image:hover{opacity:.8}@media screen and (min-width:768px){#intro{align-items:center;flex-direction:row;justify-content:space-between}.intro-content{padding-right:3rem;width:60%}.bg-image{margin:0;width:35%}}@media screen and (min-width:1200px){.intro-content{padding:3rem}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:3rem auto 0;max-width:75rem;overflow:hidden;padding:2rem 1rem;text-align:center;width:100%}.skillTitle{color:#adff2f;font-size:clamp(2rem,5vw,3rem);font-weight:600;margin-bottom:1.5rem;padding-top:2rem;position:relative}.skillTitle:after{background:#adff2f;border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto;width:4rem}.skillDesc{font-size:clamp(.9rem,3vw,1.1rem);font-weight:300;line-height:1.6;max-width:60rem;padding:0 1rem 1.5rem}.skillBars{margin:1.5rem 0;max-width:70rem;text-align:left;width:100%}.skillBar{align-items:center;background:#323232;border-radius:.75rem;display:flex;gap:2rem;margin:1.5rem;padding:1.75rem 2rem;transition:all .3s ease}.skillBar:hover{background:#373737;box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.skillBarIcon{align-items:center;display:flex;height:5rem;justify-content:center;min-width:5rem;position:relative}.icon{color:#adff2f;font-size:3rem;transition:all .3s ease}.overlapping{bottom:0;font-size:1.8rem;opacity:.8;position:absolute;right:0}.skillBar:hover .icon{transform:scale(1.1)}.skillBar:hover .overlapping{transform:translate(5px,5px)}.skillBarText>h2{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:.75rem}.skillBarText>p{color:#fffc;font-size:.95rem;font-weight:300;line-height:1.7}@media screen and (max-width:768px){.skillBars{max-width:90%}.skillBar{flex-direction:column;gap:1.5rem;margin:1rem 0;padding:1.5rem;text-align:center}.skillBarIcon{height:4rem;margin-bottom:.5rem}.icon{font-size:2.5rem}.overlapping{font-size:1.5rem}.skillBarText>h2{font-size:1.3rem}.skillBarText>p{font-size:.9rem;line-height:1.6}}@media screen and (max-width:480px){.skillDesc{padding:0 .5rem 1rem}.skillBar{padding:1.25rem}}#portfolio{margin:5rem auto 0;max-width:75rem;padding:0 1.5rem;width:100%}.portfolio-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.portfolioTitle{color:#adff2f;font-size:clamp(2rem,5vw,3rem);font-weight:600;margin-bottom:1rem;position:relative}.portfolioTitle:after{background:#adff2f;border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto;width:4rem}.portfolioDesc{color:#fffc;font-size:clamp(.9rem,3vw,1.1rem);font-weight:300;line-height:1.6}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 1rem}.portfolio-card{background:#323232;border-radius:.75rem;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.portfolio-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.card-image-container{height:200px;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.portfolio-card:hover .card-image{transform:scale(1.05)}.card-icon{align-items:center;background:#000000b3;border-radius:50%;color:#adff2f;display:flex;font-size:1.5rem;height:3rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:3rem}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.card-content h3{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:.75rem}.card-content p{color:#fffc;flex-grow:1;font-size:.95rem;font-weight:300;line-height:1.6;margin-bottom:1.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-pill{background:#adff2f1a;border-radius:1rem;color:#adff2f;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.card-links{display:flex;gap:1rem;margin-top:auto}.link{align-items:center;border-bottom:2px solid #0000;color:#adff2f;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding-bottom:.25rem;text-decoration:none;transition:all .3s ease}.link:hover{border-bottom-color:#adff2f;color:#fff}.link svg{font-size:1rem}@media screen and (max-width:768px){.portfolio-grid{grid-template-columns:1fr}.card-image-container{height:180px}}@media screen and (max-width:480px){#portfolio{padding:0 1rem}.card-links{flex-direction:column;gap:.75rem}.link{justify-content:center}}#experience{margin:0 auto;max-width:75rem;padding:4rem 1.5rem;width:100%}.experience-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.experienceTitle{color:#adff2f;font-size:clamp(2rem,5vw,3rem);font-weight:600;margin-bottom:1rem;position:relative}.experienceTitle:after{background:#adff2f;border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto;width:4rem}.experienceDesc{color:#fffc;font-size:clamp(.9rem,3vw,1.1rem);font-weight:300;line-height:1.6}.experience-timeline{margin:0 auto;max-width:900px;padding:2rem 0;position:relative}.experience-card{display:flex;margin-bottom:2.5rem;position:relative}.exp-icon-container{align-items:center;display:flex;flex-direction:column;margin-right:1.5rem}.exp-icon{background:#323232;border-radius:50%;box-shadow:0 0 0 4px #adff2f33;color:#adff2f;font-size:1.5rem;padding:1rem;z-index:1}.timeline-connector{background:#adff2f4d;height:100%;margin-top:.5rem;width:2px}.exp-content{background:#323232;border-radius:.75rem;flex:1 1;padding:1.5rem;transition:all .3s ease}.experience-card:hover .exp-content{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.exp-content h3{color:#fff;font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.exp-meta{color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.75rem;margin-bottom:1rem}.exp-company{color:#adff2f;font-weight:500}.exp-description{color:#fffc;line-height:1.6;margin:0;padding-left:1.25rem}.exp-description li{font-size:.95rem;margin-bottom:.5rem}#contact{border-top:1px solid #ffffff1a;margin-top:5rem;padding-top:3rem}.contact-header{margin:0 auto 2rem;max-width:600px;text-align:center}.contactTitle{color:#adff2f;font-size:clamp(2rem,5vw,3rem);font-weight:600;margin-bottom:1rem}.contactDesc{color:#fffc;font-size:clamp(.9rem,3vw,1.1rem);font-weight:300;line-height:1.6}.contact-form{margin:0 auto;max-width:600px;padding:0 1rem}.form-group{margin-bottom:1.5rem}.form-input,.form-textarea{background:#282828;border:1px solid #ffffff1a;border-radius:.5rem;color:#fff;font-size:1rem;padding:.75rem 1.25rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#adff2f;box-shadow:0 0 0 2px #adff2f33;outline:none}.form-textarea{min-height:150px;resize:vertical}.contact-btn{background:#adff2f;border:none;border-radius:2rem;color:#1e1e1e;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:2rem auto;padding:.75rem 2rem;transition:all .3s ease;width:fit-content}.contact-btn:hover{background:#fff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.social-links{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.social-link{color:#ffffffb3;font-size:1.5rem;transition:all .3s ease}.social-link:hover{color:#adff2f;transform:translateY(-3px)}@media screen and (max-width:768px){.experience-card{flex-direction:column}.exp-icon-container{flex-direction:row;margin-bottom:1rem;margin-right:0}.timeline-connector{height:2px;margin:0 .5rem;width:100%}.exp-icon{margin-right:.5rem}}@media screen and (max-width:480px){.exp-meta{flex-direction:column;gap:.25rem}.contact-form{padding:0}}.footer{align-items:center;background:#282828;color:#fff;display:flex;font-size:1.1rem;font-weight:400;height:4rem;justify-content:center;width:100vw}
/*# sourceMappingURL=main.7daff1fa.css.map*/