@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);.navbar{display:flex;justify-content:space-between;padding:1rem 2rem;background-color:#1a1a1a;position:fixed;top:0;left:0;right:0;height:35px;z-index:1000}.navbar,.navbar__logo a{align-items:center;color:#fff}.navbar__logo a{font-weight:700;font-size:1.25rem;text-decoration:none;display:inline-flex}.navbar__logo--highlight{color:#fdfdfd}.navbar__logo span:last-child{color:orange}.navbar__toggle{display:none;flex-direction:column;justify-content:center;grid-gap:4px;gap:4px;width:28px;height:28px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.bar{height:3px;width:100%;background-color:#fff;transition:.3s ease;border-radius:2px}.navbar__toggle.open .top{transform:rotate(45deg) translate(5px,5px)}.navbar__toggle.open .middle{opacity:0}.navbar__toggle.open .bottom{transform:rotate(-45deg) translate(5px,-5px)}.navbar__links{display:flex;grid-gap:2rem;gap:2rem}.navbar__link{text-decoration:none;font-weight:500;color:#ccc;transition:background-color .2s ease,color .2s ease}.navbar__link.active{color:#00c462}.navbar__link:hover{background-color:hsla(0,0%,100%,.1);color:#00ff7f}@media (max-width:768px){.navbar__toggle{display:flex}.navbar__links{position:absolute;top:60px;left:0;right:0;background:#121212;flex-direction:column;align-items:center;padding:1rem 0;grid-gap:1rem;gap:1rem;opacity:0;transform:translateY(-20px);pointer-events:none;transition:all .3s ease}.navbar__links.open{opacity:1;transform:translateY(0);pointer-events:auto}.navbar__link{width:100%;text-align:center;padding:1rem 0;font-size:1.2rem}.navbar__link:hover{background-color:hsla(0,0%,100%,.1);color:#00ff7f}}footer{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#212023;justify-content:space-between;padding:0 2rem;font-size:.9rem;border-top:1px solid #444;z-index:1000}.footer__center,.footer__left,.footer__right,footer{color:#fff;display:flex;align-items:center}.footer__left span{color:#fff}.footer__sitemap a{color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.footer__sitemap a:hover{color:#ccc}.footer__icon{height:30px;margin-left:8px;opacity:.8;transition:opacity .2s ease;filter:brightness(1.2)}.footer__icon:hover{opacity:1}@media (max-width:768px){footer{position:fixed;height:60px;padding:0 1.5rem;flex-direction:row;justify-content:space-between}.footer__left,.footer__right{font-size:.8rem}.footer__icon{height:24px}}.layout-portrait{pointer-events:none;z-index:0}.layout-portrait img{position:fixed;right:2rem;top:60px;height:calc(100vh - 115px);width:auto;object-fit:contain;border-radius:12px;opacity:.96;filter:drop-shadow(0 0 15px rgba(0,0,0,.35))}.portrait-about img,.portrait-home img{transition:none!important}@media (max-width:1024px){.layout-portrait{position:static;width:100%;height:auto;padding:1rem 0;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a}.layout-portrait img{position:static;width:auto;max-width:92vw;max-height:75vh}}.home{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:0 2rem;box-sizing:border-box;margin:0;position:relative;min-height:calc(100vh - 125px)}.home__left{flex:1 1;padding-top:60px;padding-bottom:55px;max-width:720px;margin-right:32px;z-index:2;text-align:justify}.home__portrait-desktop{width:500px;height:100vh;pointer-events:none}.home__portrait-desktop img{position:fixed;right:2rem;top:60px;height:calc(100vh - 115px);width:auto;object-fit:contain;border-radius:12px;opacity:.96;filter:drop-shadow(0 0 15px rgba(0,0,0,.35))}.home__portrait-mobile{display:none}.home__headline{margin:0}@media (max-width:1024px){.home{flex-direction:column;padding:0;align-items:center;min-height:auto}.home__portrait-mobile{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0;background-color:#1a1a1a}.home__portrait-mobile img{width:auto;height:auto;max-height:75vh;max-width:92vw;object-fit:contain;border-radius:12px;opacity:.96;filter:drop-shadow(0 0 15px rgba(0,0,0,.35))}.home__portrait-desktop{display:none}.home__left{padding:1.25rem 1.5rem 2rem;margin-right:0;max-width:100%}.home__headline{text-align:center;font-weight:700;font-size:30px}.home__headline__sub{text-align:center;font-size:x-large;font-weight:50}}.about{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:0 2rem;box-sizing:border-box;margin:0;position:relative;min-height:calc(100vh - 125px)}.about__left{flex:1 1;padding-top:60px;padding-bottom:55px;max-width:720px;margin-right:32px;z-index:2;text-align:justify}.about__portrait-desktop{width:500px;height:100vh;pointer-events:none}.about__portrait-desktop img{position:fixed;right:2rem;top:60px;height:calc(100vh - 115px);width:auto;object-fit:contain;border-radius:12px;opacity:.96;filter:drop-shadow(0 0 15px rgba(0,0,0,.35))}.about__portrait-mobile{display:none}@media (max-width:1024px){.about{flex-direction:column;padding:0;align-items:center;min-height:auto}.about__portrait-mobile{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0;background-color:#1a1a1a}.about__portrait-mobile img{width:auto;height:auto;max-height:75vh;max-width:92vw;object-fit:contain;border-radius:12px;opacity:.96;filter:drop-shadow(0 0 15px rgba(0,0,0,.35))}.about__portrait-desktop{display:none}.about__left{padding:1.25rem 1.5rem 2rem;margin-right:0;max-width:100%}.about-header{text-align:center;width:100%;margin:1.25rem auto 1.5rem}}.projects-page-container{background-color:#111;color:#fff;font-family:"Poppins",sans-serif;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.projects-header-section{text-align:center;padding:1vh 5vw}.projects-title{font-size:2.4rem;letter-spacing:1.5px;font-weight:600;margin-bottom:.5rem}.projects-subtitle{font-size:12px;color:#ccc;margin-bottom:.5rem}.carousel-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-grow:1}.carousel-slide{scroll-snap-align:start;flex:0 0 100%;padding:0 5vw 3vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;overflow-y:auto;margin-bottom:80px}.project-logo{width:150px;margin-bottom:1rem}.project-name{font-size:1.6rem;margin-bottom:.4rem}.project-description{font-size:1rem;line-height:1.5;max-width:700px;margin:0 auto .75rem;color:#ddd;text-align:justify}.project-stack{font-size:14px;margin-bottom:.75rem;color:#bbb}.project-image{width:100%;max-width:680px;border-radius:10px;margin-bottom:1.25rem}.project-buttons{display:flex;grid-gap:12px;gap:12px;flex-wrap:wrap;justify-content:center;padding:20px}.project-button{padding:8px 20px;font-size:.95rem;background-color:#00c462;border:none;border-radius:6px;font-weight:600;width:200px;color:#000;cursor:pointer;transition:background-color .25s ease}.project-button:hover{background-color:#00ff7f}.carousel-dots{text-align:center}.dot{height:10px;width:10px;margin:0 6px;background-color:#888;border-radius:50%;display:inline-block;transition:background-color .3s ease}.dot.active{background-color:#6495ed}@media (max-width:768px){.projects-title{font-size:1.9rem}.projects-subtitle{font-size:10px}.project-logo{width:120px;margin-bottom:.8rem}.project-name{font-size:1.35rem}.project-description{font-size:.95rem;padding:0 12px;margin-bottom:.6rem}.project-stack{font-size:11px;margin-bottom:.6rem}.project-image{max-width:90vw;margin-bottom:1rem}.project-buttons{flex-direction:row;grid-gap:10px;gap:10px}.project-button{max-width:165px}.carousel-slide{margin-bottom:100px}}.contact{animation:fade 1.2s ease;display:flex;justify-content:center;padding:1.5rem 2rem;min-height:80vh}.contact__content{max-width:700px;width:100%;display:flex;flex-direction:column}.contact__heading{font-size:2rem;font-weight:300;letter-spacing:1px;margin-bottom:1rem;color:#f5f5f5}.contact__text{font-size:1.1rem;margin-bottom:2rem;color:#ccc}.contact__email{font-weight:600;text-decoration:none;transition:color .2s ease}.contact__form{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.contact__form label{font-weight:500;color:#ddd}.contact__form input,.contact__form textarea{padding:.75rem 1rem;border-radius:6px;border:1px solid #555;font-size:1rem;background-color:#1a1a1a;color:#f0f0f0;transition:border-color .2s ease;resize:vertical}.contact__form input:focus,.contact__form textarea:focus{border-color:#00ff7f;outline:none}.contact__form textarea{min-height:120px}.contact__submit{width:25%;padding:.65rem;background-color:#00c462;border:none;color:#000;font-weight:1000;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.contact__submit:hover{background-color:#00ff7f}body,html{margin:0;padding:0;height:100%;font-family:"Poppins",sans-serif;overflow-x:hidden}.App,body,html{background-color:#111;color:#f9f9f9}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}main{flex:1 1;padding-top:65px;padding-bottom:60px}p{font-size:1rem;line-height:1.6}a{color:#e49500;text-decoration:none;transition:color .2s ease;font-weight:1000}a:hover{color:orange}li{font-size:1.25rem}h2{font-size:2rem;font-weight:300;letter-spacing:4px;line-height:1.2;margin-bottom:1rem}h3{font-weight:500}h3,h5{font-size:1.25rem}h5{animation:fade 1.3s infinite alternate-reverse;text-shadow:1.5px 1.5px rgba(98,0,255,.7)}.shared-portrait-wrapper{position:fixed;top:65px;right:2rem;height:calc(100vh - 115px);z-index:1;pointer-events:none}.shared-portrait{height:100%;width:auto;object-fit:contain;border-radius:12px;opacity:.96;filter:drop-shadow(0 0 15px rgba(0,0,0,.35));will-change:transform,opacity}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in-left{animation:fadeInLeft .6s ease}@media (max-width:1024px){.shared-portrait-wrapper{display:none}}body,button,textarea{margin:0;font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}iframe[style*="position: fixed"]{pointer-events:none!important;z-index:-1!important;opacity:0!important}
/*# sourceMappingURL=main.111274b9.chunk.css.map */