@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{display:grid;grid-template-rows:auto 1fr auto}body,main{min-height:100vh}main{align-items:center;background-color:#fff7f3;background-color:var(--soft-orange);display:flex;justify-content:center}.main-container{display:grid;grid-template-columns:80px 1fr 80px;height:100%;width:100%}.main-wrapper{grid-column:2;justify-content:center;width:100%}.main-wrapper,.section{align-items:center;display:flex;flex-direction:column}.section{gap:32px}.tech-container{display:flex;flex-direction:row;gap:44px}#my-stack{padding:165px 0 100px}#about-me{padding:165px 0 90px}#references{padding:165px 0 132px}.references-container{align-items:center;display:flex;flex-direction:column;gap:72px;justify-content:space-between;max-width:1090px;padding:4px;width:100%}.landing-section{align-items:center;background-color:#fff7f3;background-color:var(--soft-orange);display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;justify-content:center;padding:96px 0}.left-container{display:flex;flex-direction:column;gap:40px;height:100%;max-width:900px}.right-container{align-items:center;display:flex;justify-content:center;max-width:400px;width:100%}.button-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contacts-wrapper{opacity:0;pointer-events:none;transition:opacity .2s ease}.contacts-wrapper,.contacts-wrapper.isVisible{display:flex;flex-direction:row;justify-content:space-between}.contacts-wrapper.isVisible{opacity:1;pointer-events:auto}.contacts-wrapper>*{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.contacts-wrapper.isVisible>*{opacity:1;transform:translateY(0)}.contacts-wrapper>button{background-color:#e9ffd8}@media (max-width:800px){.left-container{gap:16px}#my-stack{padding:88px 0 40px}#about-me{padding:40px 0 32px}#references{padding:40px 0}.landing-section{gap:100px;margin:0;padding:24px 16px}.main-container{grid-template-columns:8px 1fr 8px}.button-wrapper,.button-wrapper button{width:100%}.xxl-text{font-size:2rem;font-weight:700;line-height:80px}.xl-text{font-size:1.5rem;font-weight:700}.md-text{font-size:1.125rem}.sm-text{font-size:1rem}.highlight{font-size:18px}.tech-container{flex-direction:column;flex-direction:row;flex-wrap:wrap;gap:32px;justify-content:center}}.manrope{font-family:Manrope,sans-serif;font-weight:800}.inter{font-family:Inter,sans-serif;font-weight:100}.lilita-one{-webkit-text-stroke:2px #000;-webkit-text-stroke:2px var(--black);color:#fff;color:var(--white);font-family:Lilita One,serif;font-size:40px;font-weight:400;letter-spacing:-2px;text-shadow:0 5px 0 #000}.xxl-text{font-size:4rem;font-weight:700}.xl-text{font-size:2.5rem;font-weight:700}.md-text{font-size:1.5rem}.sm-text{font-size:1.125rem}.highlight{color:#ff8b2b;color:var(--orange);font-size:1.5rem;font-weight:700}.alert{color:#ff1a00;color:var(--red)}:root{--soft-orange:#fff7f3;--soft-lime:#e9ffd8;--soft-pink:#ffc9c9;--lime:#cdffa8;--orange:#ff8b2b;--dark-orange:#b55e17;--black:#000;--white:#fff;--red:#ff1a00}.b-shadow{box-shadow:0 6px 0 0 #000}.br-shadow{box-shadow:6px 6px 0 0 #000}.contact-wrapper{display:flex;flex-direction:column;gap:16px;margin-bottom:72px;text-align:center}.white{color:#fff;color:var(--white)}header{background-color:var(--soft-orange);border-bottom:1px solid var(--black);color:var(--black);margin-bottom:6px;margin-top:16px;padding:6px 0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.header-wrapper,header{display:flex;width:100%}.header-wrapper{align-items:center;flex-direction:row;justify-content:center;margin:0 80px;padding:16px 0}.logo-absolute{position:absolute;z-index:999}.burger-wrapper{display:none}@media (max-width:768px){header{margin:0;padding:0}.left-wrapper{display:flex;flex-direction:column;gap:4px}.header-wrapper{margin:0;padding:0}.content-wrapper{margin:0 8px}.logo-absolute{position:relative}.header-wrapper{justify-content:space-between;margin:0 24px}.mobile-nav{opacity:show}.burger-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:4px;position:absolute;right:32px;top:20px;transition:.22s;z-index:1000}.burger-wrapper.open div{background-color:var(--white)}.burger-wrapper div{background-color:var(--black);border-radius:16px;height:5px;left:50%;position:absolute;top:50%;transform-origin:center;transition:transform .22s ease,opacity .22s ease;width:40px}}.burger-wrapper div:first-child{transform:translate(-50%,calc(-50% - 14px))}.burger-wrapper div:nth-child(2){transform:translate(-50%,-50%)}.burger-wrapper div:nth-child(3){transform:translate(-50%,calc(-50% + 14px))}.burger-wrapper.open div:first-child{transform:translate(-50%,-50%) rotate(45deg)}.burger-wrapper.open div:nth-child(2){opacity:0;transform:translate(-50%,-50%) scale(.8)}.burger-wrapper.open div:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.logo-wrapper{cursor:pointer;display:inline-block;transition:transform .25s ease-in-out}.logo-wrapper:hover{transform:scale(1.2) rotate(-2.4deg)}.mobile-nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--orange);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;left:0;opacity:hidden;opacity:1;pointer-events:none;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s ease,opacity .4s ease;width:100%;z-index:999}.mobile-nav.open{transform:translateX(0)}.mobile-nav ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;margin:0;padding:0}.mobile-nav-wrapper{box-sizing:border-box;padding:16px 0;width:100vw}.mobile-nav ul{grid-gap:32px;box-sizing:border-box;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(clamp(140px,22vw,220px),1fr));justify-items:center;list-style:none;margin:0 auto;padding:0 16px;width:100%}.mobile-nav a{color:#fff;font-size:1.3rem;text-decoration:none;text-transform:uppercase}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav ul li{align-items:center;aspect-ratio:1/1;background-color:initial;border:8px solid var(--dark-orange);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;text-align:center;transition:all .3s ease;width:clamp(140px,22vw,220px)}.mobile-nav ul li a{color:#fff;display:inline-block;font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.2;padding:8px;text-decoration:none;text-transform:uppercase}.mobile-nav ul li.active{background-color:var(--white);border-color:var(--white);color:var(--dark-orange)}.mobile-nav ul li.active a{color:var(--dark-orange)}.mobile-social-wrapper{align-items:center;border-bottom:4px solid var(--dark-orange);display:flex;flex-direction:row;gap:24px;width:100%}.mobile-social-container{width:100%}.mobile-social-container>:first-child{padding:16px 0}.mobile-social-container>:not(:first-child){padding:24px 0}.mobile-social-wrapper img{padding-left:32px;width:56px}.mobile-social-wrapper h3{color:var(--white);font-size:1.1rem}.credits-mobile{color:var(--white);font-size:.8rem;text-align:center}footer{background:var(--orange);color:var(--black)}.footer-container,footer{display:flex;justify-content:center;width:100%}.footer-container{border-top:2px solid var(--black);flex-direction:column;padding:72px 250px;text-align:right}.footer-wrapper{display:flex;flex-direction:column;gap:16px;text-align:left}.footer-wrapper>div{font-size:1.3rem;line-height:2rem}.footer-wrapper>div a{color:var(--black);cursor:pointer;letter-spacing:1px;text-decoration:none;transition:.12s}.footer-wrapper>div a:hover{color:var(--white);transition:.12s}.footer-container h1{font-size:3rem}.credit{font-size:1.4rem;margin-top:24px;text-align:center}@media (max-width:768px){.content-container{width:calc(100% - 32px)}.footer-container{text-wrap:none;gap:32px;padding:72px 32px;width:100%}.footer-container,.footer-wrapper{justify-content:center;text-align:left}.footer-wrapper{align-items:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.title-container{color:var(--black);display:flex;flex-direction:column;gap:0;text-align:center}button{background:var(--orange);border:2px solid var(--black);border-radius:999px;color:var(--black);cursor:pointer;transition:.25s}button:hover{background:var(--white);color:var(--orange);transform:scale(1.1) rotate(-1.1deg)}.shape-container{align-items:center;display:flex;justify-content:center;max-width:100%;padding:0 24px;position:relative;width:100%}.shape-visual-wrapper{aspect-ratio:1/1;max-width:400px}.custom-shape,.shape-visual-wrapper{position:relative;width:100%;z-index:1}.custom-shape{display:block;height:auto}.photo-wrapper{bottom:8px;height:100%;left:0;overflow:hidden;position:absolute;width:100%;z-index:2}.photo{bottom:0;height:auto;left:50%;max-height:100%;position:absolute;transform:translateX(-50%);width:85%}.booble-wrapper{background:var(--soft-pink);border:2px solid var(--black);font-size:1rem;padding:4px 8px;position:absolute;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:91}@media (max-width:768px){.shape-container{flex-direction:column;padding:0 12px}.shape-visual-wrapper{aspect-ratio:1/1;max-width:300px}.photo-wrapper{bottom:-54px;overflow:hidden}.photo{width:95%}.booble-wrapper{font-size:.85rem;padding:2px 6px}}.bento-container{gap:16px;margin:0 auto;max-width:1100px;width:100%}.bento-wrapper{display:flex;flex-direction:row;gap:16px;width:auto}.bento-inner-wrapper{display:flex;flex-direction:column;gap:16px}.bento-wrapper .bento-inner-wrapper:first-child{flex:1 1}.bento-wrapper .bento-inner-wrapper:last-child{flex:2 1}.bento-inner-wrapper>div{display:flex;flex:1 1}.margin-fix{margin-bottom:16px}.bento-inner-wrapper.side-by-side{display:flex;flex-direction:column;gap:24px}@media (max-width:850px){.bento-wrapper{flex-direction:column}.bento-inner-wrapper{width:100%}.bento-wrapper .bento-inner-wrapper:first-child{order:2}.bento-wrapper .bento-inner-wrapper:last-child{order:1}.bento-inner-wrapper.side-by-side{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center}.bento-inner-wrapper.side-by-side>div{flex:1 1 45%;max-width:50%}}@media (max-width:364px){.bento-inner-wrapper.side-by-side>div{max-width:100%}}.card-container{align-items:center;background:var(--white);border:2px solid var(--black);border-radius:16px;display:flex;gap:40px;justify-content:center;padding:24px;width:100%}.card-container.row{flex-direction:row}.card-container.column,.card-wrapper{flex-direction:column}.card-wrapper{color:var(--black);display:flex;gap:8px;max-width:350px;text-align:left;width:100%}@media (max-width:850px){.card-container.column.mobile-row{flex-direction:row!important}.card-container.mobile-custom-img-top{flex-direction:column!important;text-align:center}.card-container.mobile-custom-img-left{flex-direction:row!important;text-align:left}.card-container.mobile-custom-img-right{flex-direction:row-reverse!important;text-align:right}.card-container.mobile-custom-img-bottom{flex-direction:column-reverse!important;text-align:center}.card-container.mobile-custom-img-bottom .card-wrapper{text-align:left}.card-container{padding:24px}.card-container.mobile-row{align-items:center;flex-direction:row;text-align:left}.card-container.mobile-column{flex-direction:column;text-align:center}.card-wrapper{text-align:left}.img-wrapper{display:flex;justify-content:center;overflow:hidden;width:100%}.responsive-img{height:auto;max-width:100%;object-fit:contain}}.bean-card-container{background:#1f1f1f;border:2px solid var(--black);border-radius:16px;height:100%;overflow:hidden;padding:24px}.area-wrapper,.bean-card-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.area-wrapper{height:200px;overflow:visible}.beans-img{height:250px;left:-30px;max-width:none;object-fit:contain;position:absolute;top:-40px;width:250px}.card-wrapper-bento p{position:relative;z-index:3}.card-wrapper-bento{color:var(--black);display:flex;flex-direction:column;gap:8px;max-width:350px;text-align:left;width:100%}@media (max-width:850px){.bean-card-container{align-items:flex-start}.card-wrapper-bento{display:flex;height:100%;justify-content:flex-end}}.tech-wrapper{display:flex;flex-direction:column;gap:8px;max-width:300px;text-align:center}.tech-icon{height:88px;width:auto}.reference-wrapper{align-items:flex-start;display:flex;flex-direction:row;gap:24px;justify-content:space-between;max-width:100%;width:100%}.reference-wrapper.reverse{flex-direction:row-reverse}.re-content-wrapper{align-items:start;display:flex;flex-direction:column;gap:8px;line-height:40px;max-width:100%;padding:0 16px;text-align:left}.reference-img{height:100%;width:100%}@media (max-width:768px){.reference-wrapper,.reference-wrapper.reverse{align-items:center;flex-direction:column;text-align:center}.reference-img{max-width:100%}}.nav-container{display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:64px;width:100%;z-index:1000}.nav-wrapper{display:flex;flex-direction:row;gap:10px;padding:8px}.nav-wrapper,.section-ref-wrapper{background-color:var(--soft-orange);border-radius:999px}.section-ref-wrapper{color:var(--black);cursor:pointer;padding:8px 16px;transition:background-color .3s ease,color .3s ease}.section-ref-wrapper:hover{color:var(--orange)}.section-ref-wrapper h3{font-weight:100!important}.section-ref-wrapper.active h3{font-weight:700!important}.section-ref-wrapper.active{background-color:var(--orange);color:var(--white)}@media (max-width:768px){.nav-container{justify-content:end;top:8px}.nav-wrapper,.section-ref-wrapper{display:none}}
/*# sourceMappingURL=main.b8e41c7d.css.map*/