:root{--navbar-height: 60px}html{scroll-behavior:smooth}body,#App{margin:0;padding:0;min-height:100vh;width:100%;font-family:var(--font-primary, Arial, sans-serif);background:var(--background-color, #fff)}body{overflow-x:hidden}#navbar-wrapper{background-color:var(--background-color, #fff);opacity:.9;width:100%;position:sticky;top:0;z-index:100;height:var(--navbar-height);display:flex;align-items:center;box-shadow:0 2px 8px #0000000d}#navbar{display:flex;gap:2rem;list-style:none;margin:0;padding:0;font-size:1.2rem;flex:1;justify-content:center;align-items:center;transition:max-height .3s}#navbar li a{color:#000;text-decoration:none;padding:.5em 1em;border-radius:4px;transition:.2s}#navbar li a:hover{background:#eee}#hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;margin-left:1rem;z-index:101}#hamburger .bar{width:28px;height:4px;background:#333;margin:4px 0;border-radius:2px;transition:.3s}@media (max-width: 700px){#navbar{position:absolute;top:var(--navbar-height);left:0;width:100vw;flex-direction:column;background:var(--background-color, #fff);max-height:0;overflow:hidden;box-shadow:0 2px 8px #0000000d;font-size:1rem;transition:max-height .3s}#navbar.open{max-height:300px;padding:1rem 0}#hamburger{display:flex}}#city-image-container{position:relative;width:100vw;max-width:100vw;margin:0 auto}#city{width:100vw;height:auto;display:block}#More-info2{position:absolute;width:15%;height:25%;top:40%;left:80%;transform:translate(-50%,-50%);z-index:2}#info2-icon{width:inherit;height:inherit;cursor:pointer;opacity:.1;transition:opacity .2s}#info2-icon:hover{opacity:1}#reflection{width:100vw;height:auto;display:block}.intro-flex{display:flex;align-items:center;gap:2.5rem;width:100%}#home-introduction-wrapper .author-img{max-width:180px;width:auto;height:auto;border-radius:50%;background:none;box-shadow:none;object-fit:cover;margin:0 auto 2rem}.intro-content{flex:1;display:flex;flex-direction:column;align-items:flex-start}.intro-title{font-size:2.5rem;margin-bottom:1rem;color:var(--font-primary-color);font-family:var(--font-header);text-align:left}.social-medias{display:flex;align-items:center;gap:1.2rem;margin-top:1.5rem}.icon-link{display:flex;align-items:center}#home-introduction-wrapper .icon-img{width:44px;height:44px;background:none;box-shadow:none;border-radius:8px;object-fit:contain}.resume-wrapper{background-color:var(--primary-color, #D0DBE7);color:var(--font-secondary-color);border:none;border-radius:24px;padding:.5rem 1.5rem;font-size:1.15rem;font-weight:600;text-align:center;text-decoration:none;box-shadow:0 2px 8px #00000014;transition:.2s;cursor:pointer;margin:0 .5rem;display:inline-block}.resume-wrapper:hover{background-color:var(--secondary-color, #89A5C2);text-decoration:none}@media (max-width: 900px){.intro-flex{flex-direction:column;align-items:center;gap:1.5rem}.intro-content{align-items:center;text-align:center}.intro-title{text-align:center;font-size:2rem}#home-introduction-wrapper .author-img{max-width:180px}#home-introduction-wrapper .icon-img{width:36px;height:36px}}@media (max-width: 600px){#home-introduction-wrapper .author-img{max-width:120px}#home-introduction-wrapper .icon-img{width:32px;height:32px}.resume-wrapper{font-size:1rem;padding:.4rem 1rem}}#about-me-wrapper{background-color:var(--secondary-color)}.about-me-img{display:block;max-width:300px;width:100%;height:auto;margin:2rem auto;border-radius:50%}@media (max-width: 700px){.about-me-img{max-width:200px}}@media (max-width: 400px){.about-me-img{max-width:120px}}:root{--font-primary: "Inter", "Noto Sans", Helvetica, Arial, sans-serif;--font-header: "Poppins", "Montserrat", Helvetica, Arial, sans-serif;--font-caroussel: "Inter", "Anybody", sans-serif;--font-primary-color: #293f56;--font-secondary-color: #393939;--background-color: #FAFCFF;--primary-color: #D0DBE7;--secondary-color: #89A5C2}h1{color:var(--font-primary-color);font-family:var(--font-header);font-size:3rem;margin-bottom:2rem;text-align:center}.info-block{width:100%;max-width:1100px;min-height:50vh;margin:3rem auto 6rem;box-sizing:border-box;overflow-x:auto;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;font-size:1.15rem}.info-block img{display:block;max-width:100%;height:auto;margin:2rem auto;border-radius:12px;box-shadow:0 2px 8px #00000014}.basic-text{font-family:var(--font-primary);font-size:1.5rem}@media (max-width: 700px){h1{font-size:2rem}.info-block{padding:1.5rem .5rem;margin:1.5rem auto 2rem;font-size:1rem}.basic-text{font-size:1.1rem}}@media (max-width: 400px){h1{font-size:1.2rem}.info-block{padding-left:.5rem;padding-right:.5rem;font-size:.95rem}.basic-text{font-size:1rem}}.conveyor-belt-wrapper{margin:2rem 0;overflow:hidden;width:100%}.belt-label{margin-bottom:.5rem}.conveyor-belt{display:flex;gap:2rem;width:max-content;animation:scroll-left 20s linear infinite;max-width:100%;margin:0 auto;box-sizing:border-box}.conveyor-belt.belt-right{animation:scroll-right 20s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.skill-icon{display:flex;flex-direction:column;align-items:center;font-size:2rem;min-width:80px;text-align:center}.skill-icon p{margin-top:.5rem;font-size:1.1rem}@media (max-width: 700px){.conveyor-belt-wrapper{margin:1rem 0}.belt-label{font-size:1rem}.skill-icon{font-size:1.2rem;min-width:60px}.conveyor-belt{gap:1rem;animation-duration:30s}}#caroussel-slider{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;margin:2rem 0}.caroussel-arrow{background:none;border:none;font-size:2rem;cursor:pointer;opacity:.5;transition:opacity .2s;z-index:2}.caroussel-arrow:disabled{opacity:.2;cursor:default}.caroussel-track{display:flex;gap:2rem;width:70vw;overflow:hidden;align-items:center;justify-content:center;transition:transform .5s ease-in-out}.caroussel-slide{flex:0 0 30%;max-width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s ease,opacity .4s ease}.caroussel-slide img{width:100%;aspect-ratio:600 / 568;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #00000014;background:#f8f8f8}.caroussel-slide.caroussel-center img{border:2px solid var(--primary-color, #D0DBE7);box-shadow:0 4px 16px #0000001f}.caroussel-slide.caroussel-center .basic-text{margin-top:.5rem;text-align:center;min-height:2.5em;display:flex;align-items:center;justify-content:center}.caroussel-slide.caroussel-side{opacity:.7;transform:scale(.95)}.empty-slot{width:100%;height:200px;background:transparent}@media (max-width: 900px){.caroussel-track{width:95vw;gap:1rem}.caroussel-slide{flex-basis:45%;max-width:45%}}@media (max-width: 600px){.caroussel-track{width:100vw;gap:.5rem}.caroussel-slide{flex-basis:80%;max-width:80%}.caroussel-slide.caroussel-side{display:none}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}