@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap);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}.top-nav{background-color:initial;left:0;padding:20px 16px 12px;position:fixed;top:0;width:100%;z-index:100}.top-nav,.top-nav-links{display:flex;justify-content:center}.top-nav-links{align-items:center;flex-wrap:wrap;gap:32px}.top-nav-links a{color:#6d7975;font-size:10px;font-weight:600;text-decoration:none;transition:all .3s ease}.top-nav-links a:hover{color:#163c3a;transform:translateY(-2px)}.side-nav{display:flex;flex-direction:column;gap:18px;left:22px;position:fixed;top:50%;transform:translateY(-50%);z-index:101}.side-nav a{color:#7a8581;font-size:24px;transition:all .3s ease}.side-nav a:hover{color:#163c3a;transform:scale(1.08)}@media (min-width:1200px){.top-nav-links{gap:40px}.top-nav-links a{font-size:16px}.side-nav{gap:20px;left:28px}.side-nav a{font-size:26px}}@media (max-width:992px){.top-nav{padding:18px 14px 10px}.top-nav-links{gap:20px}.top-nav-links a{font-size:14px}.side-nav{gap:15px;left:14px}.side-nav a{font-size:22px}}@media (max-width:576px){.top-nav{padding:14px 10px}.top-nav-links{gap:14px}.top-nav-links a{font-size:13px}.side-nav{background:#fffffff2;border-radius:999px;bottom:16px;box-shadow:0 4px 16px #0000001f;flex-direction:row;gap:16px;left:50%;padding:10px 18px;top:auto;transform:translateX(-50%)}.side-nav a{font-size:20px}}.hero{align-items:center;background-color:#f5faf8;display:flex;gap:32px;justify-content:space-between;margin:0 auto;max-width:1150px;min-height:100vh;padding:100px 40px 50px 70px;width:100%}.hero_left,.hero_right{border-radius:24px;flex:1 1;min-width:0;padding:36px}.hero_left{background:#f8f8f8;display:flex;flex-direction:column;justify-content:center}.hero_greeting{color:#3b3c3c;font-family:Poppins,sans-serif;font-size:22px;font-weight:400;margin:0}.hero_name{color:#193d3e;font-family:Kaushan Script,cursive;font-size:58px;font-weight:400;line-height:1.1;margin:10px 0 0}.hero_text{display:flex;flex-direction:column;gap:8px;margin-top:24px}.hero_role{color:#3b3c3c;font-size:22px;font-weight:500;margin:0}.hero_bio{color:#5f6368;font-size:14px;line-height:1.7;margin:0;max-width:460px}.hero_actions{margin-top:28px}.hero_button{background:#0000;border:1px solid #193d3e;border-radius:8px;color:#193d3e;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.hero_button:hover{background:#193d3e;color:#fff;transform:translateY(-2px)}.image-wrapper{align-items:center;display:flex;height:420px;justify-content:center;position:relative;width:320px}.hero_image{border-radius:12px;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.shape{background:#2f7f73;border-radius:40% 60% 60% 40%/60% 40% 60% 40%;height:130%;position:absolute;transform:rotate(-160deg);width:130%;z-index:1}.shape:after{background:#193d3e;border-radius:inherit;content:"";height:100%;opacity:.2;position:absolute;transform:rotate(30deg);width:100%}@media (min-width:1200px){.hero{gap:50px;max-width:1200px;padding:110px 50px 60px 90px}.hero_name{font-size:64px}.hero_role{font-size:24px}}@media (max-width:992px){.hero{gap:24px;padding:95px 28px 40px 56px}.hero_left,.hero_right{padding:28px}.hero_name{font-size:48px}.hero_greeting,.hero_role{font-size:20px}.hero_right{min-height:400px}}@media (max-width:768px){.hero{flex-direction:column;gap:20px;min-height:auto;padding:100px 20px 30px}.hero_left,.hero_right{padding:24px;width:100%}.hero_name{font-size:42px}.hero_greeting{font-size:18px}.hero_role{font-size:20px}.hero_bio{font-size:14px;max-width:100%}.hero_right{min-height:280px}}.about{background-color:#fff;padding:40px 20px 60px;width:100%}.text-container{margin:0 auto;max-width:760px;padding:20px 20px 10px;text-align:center}.title{color:#193d3e;font-size:34px;margin:0 0 12px}.description,.title{font-family:Poppins,sans-serif}.description{color:#4f5b57;font-size:14px;line-height:1.8;margin:0}.skills{margin:30px auto 0;max-width:1150px;text-align:center}.skills-grid{grid-gap:24px;display:grid;font-family:Poppins,sans-serif;gap:24px;grid-template-columns:repeat(5,minmax(160px,1fr))}.skill-card{align-items:center;background:#fff;border-radius:18px;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;padding:20px 16px;text-align:center;transition:all .3s ease}.skill-card:hover{transform:translateY(-6px)}.skill-icon{align-items:center;display:flex;height:78px;justify-content:center;margin-bottom:12px;width:78px}.skill-icon img{max-height:100%;max-width:100%;object-fit:contain}.skill-name{color:#3b3c3c;font-size:14px;font-weight:700;margin:0 0 12px}.skill-level{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.skill-level-bar{background-color:#d9d9d9;border-radius:999px;height:7px;overflow:hidden;width:100%}.skill-level-fill{background:#193d3e;border-radius:999px;height:100%}.skill-level-text{color:#3b3c3c;font-size:12px;font-weight:500}@media (max-width:1100px){.skills-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (max-width:768px){.about{padding:30px 16px 50px}.text-container{padding:10px 12px}.title{font-size:28px}.description{font-size:13px}.skills-grid{gap:18px;grid-template-columns:repeat(2,minmax(140px,1fr))}.skill-card{padding:18px 14px}}@media (max-width:480px){.skills-grid{grid-template-columns:1fr}}.experience{background:#f5faf8;font-family:Poppins,sans-serif;padding:40px 20px 60px;width:100%}.experience-wrapper{margin:0 auto;max-width:1150px}.experience-title{color:#193d3e;font-size:34px;margin:0 0 50px;text-align:center}.timeline{width:100%}.timeline-item{grid-column-gap:20px;align-items:flex-start;column-gap:20px;display:grid;grid-template-columns:1fr 50px 1fr;margin-bottom:40px}.timeline-left,.timeline-right{min-width:0}.timeline-left{padding-right:10px;text-align:right}.timeline-left p{color:#3b3c3c;font-size:14px;line-height:1.7;margin:0 0 10px}.timeline-right{padding-left:10px;text-align:left}.timeline-center{align-items:center;display:flex;flex-direction:column}.timeline-dot{background:#193d3e;border-radius:50%;flex-shrink:0;height:14px;width:14px}.timeline-line{background:#193d3e;height:140px;margin-top:6px;width:2px}.project-role{color:#193d3e;font-size:15px;font-weight:500;line-height:1.7;margin:0 0 10px}.project-role span{color:#6d7975;font-size:12px;font-weight:400}.project-description{color:#4f5b57;font-size:13px;line-height:1.8;margin:0}@media (max-width:992px){.experience{padding:30px 20px 50px}.experience-title{font-size:30px;margin-bottom:40px}.timeline-item{column-gap:14px;grid-template-columns:1fr 40px 1fr}.timeline-line{height:160px}}@media (max-width:768px){.experience{padding:30px 16px 40px}.experience-title{font-size:28px;margin-bottom:30px}.timeline-item{background:#fff;border-radius:18px;box-shadow:0 4px 14px #0000000f;grid-template-columns:1fr;margin-bottom:30px;padding:20px;row-gap:14px}.timeline-left,.timeline-right{padding:0;text-align:left}.timeline-center{align-items:center;flex-direction:row;gap:10px}.timeline-line{height:2px;margin-top:0;width:200px}}.project{background:#fff;width:100%}.project-wrapper{font-family:Poppins,sans-serif;margin:0 auto;max-width:1150px;padding:50px 20px 70px}.project-header{margin-bottom:30px}.project-title{color:#193d3e;font-size:34px;font-weight:700;margin:0 0 10px}.project-desc{color:#3b3c3c;font-size:14px;line-height:1.8;margin:0}.card-wrapper{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.card{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 4px 14px #00000014;box-sizing:border-box;color:#fff;display:flex;min-height:300px;overflow:hidden;padding:22px;position:relative;text-decoration:none;transition:all .35s ease}.card:hover{box-shadow:0 12px 26px #0000002e;transform:translateY(-8px)}.card-overlay{background:linear-gradient(0deg,#00000080,#0000001a);inset:0;position:absolute}.card-text{line-height:1.4;position:relative;z-index:2}.card-text h3{font-size:22px;font-weight:600;letter-spacing:.5px;margin:0 0 6px}.card-text p{font-size:13px;margin:0;opacity:.95}@media (max-width:992px){.project-wrapper{padding:40px 20px 60px}.project-title{font-size:30px}.card-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.project-wrapper{padding:35px 16px 50px}.project-title{font-size:28px}.project-desc{font-size:13px}.card-wrapper{gap:18px;grid-template-columns:1fr}.card{border-radius:18px;min-height:260px}.card-text h3{font-size:20px}}.footer{background-color:#f5faf8;font-family:Poppins,sans-serif;width:100%}.footer-wrapper{margin:0 auto;max-width:1150px;padding:60px 20px 40px}.footer-line{background-color:#193d3e;height:2px;margin-bottom:30px;width:100%}.footer-text{color:#3b3c3c;font-size:22px;font-weight:500;line-height:1.5;margin:0 0 24px}.footer-middle{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.footer-email a{background-color:#000;border-radius:10px;color:#fff;display:inline-block;font-size:14px;padding:11px 18px;text-decoration:none;transition:all .3s ease}.footer-email a:hover{transform:translateY(-2px)}.footer-socials{align-items:center;display:flex;gap:20px}.footer-socials a{color:#7a8581;font-size:24px;transition:all .3s ease}.footer-socials a:hover{color:#193d3e;transform:scale(1.1)}.footer-bottom{color:#777;display:flex;font-size:14px;justify-content:flex-end}.footer-bottom p{margin:0}@media (max-width:768px){.footer-wrapper{padding:50px 16px 30px}.footer-text{font-size:18px;text-align:center}.footer-middle{flex-direction:column;gap:20px}.footer-bottom{justify-content:center;text-align:center}}*{box-sizing:border-box}html{scroll-behavior:smooth}#root,body,html{background-color:#f5faf8;margin:0;overflow-x:hidden;padding:0;width:100%}body{font-family:Poppins,sans-serif}.app-container{background-color:#f5faf8;min-height:100vh;width:100%}.main-container{width:100%}
/*# sourceMappingURL=main.18e52710.css.map*/