@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&family=Josefin+Slab:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Josefin Sans,Josefin Slab,sans-serif;margin:0}h1,h2,h3,h4,h5,h6,strong{font-family:Josefin Slab,Josefin Sans,serif}a,button,div,input,li,p,span,textarea{font-family:Josefin Sans,Josefin Slab,sans-serif}code,pre{font-family:Josefin Slab,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#000;color:#fff;font-family:Inter,sans-serif;height:100%;line-height:.5in;padding-top:70px;scroll-behavior:smooth}.app{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:100px;overflow:visible;padding:20px;text-align:left}.title{color:#f0f0f0;font-family:Josefin Slab,serif;font-size:3rem;font-weight:700;margin-bottom:10px}.job-title{color:#777;font-size:1.8rem;margin-bottom:30px}.contact-buttons{display:flex;gap:20px;justify-content:center}.contact-link{text-decoration:none}button{align-items:center;background-color:initial;border:2px solid #f0f0f0;border-radius:6px;color:#f0f0f0;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;max-width:200px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}button:hover{background-color:#f0f0f0;color:#fff}button:focus{outline:none}.icon-email,.icon-linkedin{background-color:gray;color:#fff;height:20px;transition:transform .3s ease;width:22px}button:hover .icon-email,button:hover .icon-linkedin{transform:scale(1.1)}@media (max-width:768px){.title{font-size:2.5rem}.job-title{font-size:1.5rem}button{font-size:.9rem;padding:10px 20px}}.container{margin:10px auto 0;max-width:1200px;padding:40px 20px}.main-content{text-align:left}.section-subtitle,.section-title{color:#f0f0f0;font-family:Josefin Slab,serif;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;margin-top:10px;text-transform:uppercase}.section-text{color:#777;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px;opacity:.9}.contents-list{align-items:center;display:flex;flex-direction:column;list-style:none;margin-top:20px;padding-left:0}.feature-item{color:#777;display:flex;font-size:1.2rem;font-weight:500;justify-content:center;margin:10px 0;text-align:left;transition:color .3s ease}.feature-item:hover{color:#ffdd40}.bullet-point{color:#ffdd40;font-size:1.5rem;margin-right:10px}@media (max-width:768px){.section-title{font-size:1.8rem}.feature-item,.section-text{font-size:1rem}}.App-header{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.App-logo{height:40vmin;pointer-events:none}.profile-image{border-radius:50%;display:block;height:250px;margin-bottom:20px;margin-top:100px;object-fit:cover;transition:transform .3s ease;width:250px}.profile-image:hover{transform:scale(1.05)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.portfolio{margin:0 auto;max-width:1100px;padding:60px 20px;width:100%}.portfolio,.portfolio-header{align-items:center;display:flex;flex-direction:column}.portfolio-header{font-size:3rem;text-align:center}.portfolio-arrows{animation:bounce 1.5s infinite;font-size:1.5rem;margin-left:5px;margin-top:5px}.portfolio-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;padding:60px 0;width:100%}.portfolio-item:nth-child(2n){flex-direction:row-reverse}.portfolio-image{flex:1 1;max-width:480px;transition:transform .3s ease-in-out}.portfolio-image img{border-radius:14px;height:auto;width:100%}.portfolio-image:hover{transform:scale(1.04)}.portfolio-description{flex:1 1;font-size:1.2rem;max-width:480px;text-align:left}.portfolio-description h2{font-size:2.2rem;font-weight:600;margin-bottom:12px}.portfolio-description p{font-size:1rem;line-height:1.6;opacity:.8;text-align:left}.learn-more-button{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 22px;text-transform:uppercase;transition:all .3s ease}.learn-more-button:hover{background:#fff;color:#000}.Buttons{display:flex;gap:15px;margin-top:20px}.Button-Email,.Button-LinkedIn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:160px}.Button-Email img,.Button-LinkedIn img{height:18px;width:18px}.Button-Email:hover,.Button-LinkedIn:hover{background:#ffffff4d}.navbar{background-color:#000000e6;height:70px;overflow:hidden;position:fixed;right:0;top:0;transition:width .3s ease,height .3s ease;width:70px;z-index:100}.nav-container,.navbar{align-items:center;display:flex;justify-content:center}.nav-container{height:80px;max-width:1500px;position:relative;width:100%}.navbar:hover{height:95%;width:98%}.navbar-logo{cursor:pointer;height:auto;margin-right:5px;margin-top:5px;transition:transform .3s ease;width:100px}.navbar:hover .navbar-logo{transform:scale(1)}.nav-menu{align-items:center;display:flex;flex-direction:column;list-style:none;opacity:0;padding:0;transition:opacity .3s ease;width:100%}.navbar:hover .nav-menu{opacity:1}.nav-links{color:#fff;font-weight:600;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:color .3s ease}.nav-links:hover{color:#ffdd40}.nav-item{font-size:x-large;letter-spacing:.05in;line-height:40px;line-height:1in;margin-right:1rem}.nav-item:after{background:#0000;content:"";display:block;height:5px;transition:width .7s ease,background-color .5s ease;width:0}.nav-item:hover:after{background:#ffdd40;width:100%}.nav-item .active{border:3px solid #ffdd40;color:#ffdd40}a.apple-link{color:#0071e3;font-weight:500;text-decoration:none;transition:color .3s ease-in-out}a.apple-link:hover{color:#005bb5;text-decoration:underline}a.apple-link:active{color:#003e85}a.apple-link:visited{color:#0071e3}@media (max-width:960px){.portfolio-item{flex-direction:column!important;text-align:left}.portfolio-description{text-align:left}.navbar{padding:0 30px}}
/*# sourceMappingURL=main.3ba36f67.css.map*/