@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);header{align-items:center;display:flex;min-height:100vh;padding-top:6rem}.header__container{gap:3rem;text-align:center;width:100%}.header__container,.header__intro{align-items:center;display:flex;flex-direction:column}.header__intro{gap:1rem}.header__avatar{background:var(--color-bg);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 0 18px var(--color-primary-variant);height:110px;overflow:hidden;transition:background-color .3s ease;width:110px}[data-theme=light] .header__avatar{background:#e2e8f0}.header__avatar img{height:100%;object-fit:cover;transition:filter .3s ease;width:100%}[data-theme=light] .header__avatar img{filter:brightness(1.15) contrast(1.05)}.avatar__image{height:100%;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.header__info h1{color:var(--color-white);font-size:2.2rem;font-weight:600}.header__info h2{color:var(--color-light);font-size:1.2rem;font-weight:400}.header__realname{color:var(--color-text-main);font-size:.95rem;font-weight:400;margin-bottom:1.5rem;margin-top:-.4rem;opacity:.8}.cta{display:flex;gap:1rem;justify-content:center}.header__about{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:960px}.about__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));width:100%}.about__card{background:var(--color-card-bg);border:1px solid var(--color-primary-variant);border-radius:1.2rem;box-shadow:0 3px 10px var(--color-shadow-base);padding:1.5rem;text-align:center;transition:all .3s ease}.about__card:hover{background:var(--color-card-bg-hover);border-color:var(--color-primary);box-shadow:0 6px 16px var(--color-shadow-hover);transform:translateY(-4px)}.about__icon{color:var(--color-primary);font-size:1.6rem;margin-bottom:.8rem}.about__card h5{color:var(--color-white);font-size:1rem;margin-bottom:.4rem}.about__card small{color:var(--color-light);font-size:.8rem}.about__description{background:var(--color-description-bg);border-left:3px solid var(--color-primary);border-radius:1rem;box-shadow:0 0 10px var(--color-description-shadow);color:var(--color-white);font-size:1.05rem;line-height:1.7;margin:0 auto;max-width:800px;padding:1.4rem 2rem}@media screen and (max-width:768px){.header__avatar{height:90px;width:90px}.header__info h1{font-size:1.6rem}.header__info h2{font-size:1rem}.about__cards{grid-template-columns:1fr}.about__description{font-size:1rem;padding:1rem 1.2rem}}.nav__container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid var(--color-primary-variant);border-radius:1rem;box-shadow:0 4px 20px #22d3ee1a;flex-direction:column;gap:.8rem;left:1.5rem;padding:1rem;position:fixed;top:1.5rem;z-index:99}.nav__container,.nav__container a{display:flex;transition:var(--transition)}.nav__container a{align-items:center;background:#0000;border-radius:50%;color:var(--color-light);font-size:1.2rem;justify-content:center;padding:.9rem}.nav__container a:hover{background:#ffffff14;color:var(--color-primary);transform:translateY(-2px)}.nav__container a.active{background:var(--color-primary);box-shadow:0 0 12px #22d3ee99;color:var(--color-bg)}.nav--hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(10px);transition:opacity .3s ease,transform .3s ease}@media screen and (max-width:768px){.nav__container{bottom:1.5rem;flex-direction:row;left:50%;padding:.7rem 1.2rem;top:auto;transform:translateX(-50%)}}#portfolio{background-color:var(--color-bg);padding:5rem 1.5rem}.portfolio-container{margin:0 auto;max-width:960px}.portfolio-section-title{font-size:1.5rem;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-transform:uppercase}.portfolio-list{gap:6rem}.portfolio-item,.portfolio-list{display:flex;flex-direction:column}.portfolio-item{align-items:center;gap:1.5rem}.portfolio-image-wrapper{border-radius:2rem;box-shadow:0 8px 30px #0003;cursor:pointer;margin:0 auto;max-height:450px;max-width:720px;overflow:hidden;width:100%}.portfolio-image-combo-wrapper{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:1220px;width:100%}.portfolio-image-combo-wrapper img{border-radius:1.5rem;box-shadow:0 8px 30px #0003;cursor:pointer;flex:1 1 45%;height:auto;max-width:45%;object-fit:contain;transition:transform .3s ease}.portfolio-image{display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.portfolio-text-content{max-width:720px;padding:0 .5rem}.portfolio-title{color:var(--color-white);font-size:1.5rem;font-weight:600;margin-bottom:.4rem;text-align:left}.portfolio-subtitle{color:#9b9b9b;font-size:1.1rem;line-height:1.4;text-align:left}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in-section.visible{opacity:1;transform:translateY(0)}@media screen and (max-width:768px){.portfolio-image-combo-wrapper{align-items:center;flex-direction:column}.portfolio-image-combo-wrapper img{max-width:100%}}.contact__title{color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:3rem;text-transform:uppercase}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;margin-bottom:5rem;width:58%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background:var(--color-bg-variant);border:1px solid #0000;border-radius:1.2rem;padding:1.2rem;text-align:center;transition:var(--transition)}.contact__option:hover{background:#0000;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{display:inline-block;font-size:.8rem;margin-top:.7rem}.contact__option h5{font-size:.9rem;line-height:1.2;overflow-wrap:anywhere;word-break:break-all}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr}.contact__option{padding:1rem}.contact__option h5{font-size:.85rem}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:#0000;border:1px solid var(--color-primary-variant);border-radius:.5rem;color:var(--color-white);font-family:Manrope,sans-serif;padding:1.5rem;resize:none;width:100%}footer{background:var(--color-footer-bg);border-top:1px solid var(--color-footer-border);margin-top:3rem;padding:3rem 0 2rem;text-align:center}footer,footer a{color:var(--color-footer-text)}footer a{font-size:1rem;font-weight:500;transition:var(--transition)}.footer__logo{color:var(--color-footer-hover);display:block;font-size:2rem;font-weight:600;margin-bottom:2rem}.permalinks{display:flex;flex-wrap:wrap;gap:1.8rem;justify-content:center;margin-bottom:2.5rem}.permalinks a:hover{color:var(--color-footer-hover);text-shadow:0 0 8px #fff6}.footer__socials{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem}.footer__socials a{background:#0000;border:1px solid var(--color-footer-border);border-radius:50%;color:var(--color-white);display:flex;font-size:1.1rem;padding:.7rem;transition:var(--transition)}.footer__socials a:hover{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary-variant);color:var(--color-bg);transform:scale(1.1)}.footer__copyright{color:var(--color-footer-text);font-size:.9rem;opacity:.8}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1rem}.footer__logo{font-size:1.7rem}.footer__logo,.footer__socials{margin-bottom:1.5rem}}.theme-toggle{background-color:var(--color-btn-bg);border:1px solid var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-btn-shadow);color:var(--color-btn-text);cursor:pointer;padding:.65rem;position:fixed;right:1.5rem;top:1.5rem;transition:transform .3s ease;z-index:999}.theme-toggle:hover{background-color:var(--color-btn-bg-hover);transform:scale(1.1)}.workspace__container{margin:0 auto;max-width:1100px;padding:0 1.5rem}.workspace__title{color:var(--color-white);font-size:1.5rem;justify-content:center;margin:2.5rem 0 1rem;text-align:center;text-transform:uppercase}.workspace__intro{color:var(--color-light);font-size:1.1rem;line-height:1.8;margin:0 auto 2.5rem;max-width:680px;padding:0 1rem;text-align:center}.workspace__grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:3rem;padding:0 2rem}.workspace__card{align-items:center;display:flex;flex-direction:column;text-align:center}.workspace__card-img{aspect-ratio:4/3;border-radius:.75rem;filter:brightness(1.05);margin-bottom:1rem;max-width:300px;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%}.workspace__card h3{color:var(--color-white);font-size:1rem;font-weight:600;margin-bottom:.3rem}.workspace__card p{color:var(--color-light);font-size:.9rem;line-height:1.4}.workspace__description{color:var(--color-light);font-size:1.05rem;line-height:1.7;margin:0 auto 2.5rem;max-width:720px;padding:0 1rem}.workspace__image-wrapper{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);justify-content:center;margin:2rem auto 3rem;max-width:100%;padding:0 2rem}.workspace__img{border-radius:1rem;box-shadow:0 4px 24px #0003;filter:brightness(.95) contrast(1.05) saturate(1.1);max-width:960px;opacity:.95;transition:transform .3s ease,filter .3s ease;width:100%}.workspace__img--main{aspect-ratio:4/3;height:300px;width:70%}.workspace__img--half,.workspace__img--main{border-radius:1rem;box-shadow:0 6px 30px #00000040;filter:brightness(.95) contrast(1.05) saturate(1.1);max-width:100%;object-fit:cover;opacity:.95;transition:transform .3s ease,filter .3s ease}.workspace__img--half{aspect-ratio:16/9;height:auto;width:100%}.workspace__img--half:hover{filter:brightness(1) contrast(1.1) saturate(1.2);transform:scale(1.02)}@media screen and (max-width:768px){.workspace__image-wrapper{grid-template-columns:1fr}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#f5f6f7;--color-bg-variant:#fff;--color-primary:#040911;--color-primary-variant:#3b82f633;--color-white:#1e1e1e;--color-light:#1e1e1e99;--color-text-main:#1e1e1ee6;--color-card-bg:#fff;--color-card-bg-hover:#f3f4f6;--color-description-bg:#fff;--color-description-shadow:#0000000f;--color-btn-bg:#0000000a;--color-btn-bg-hover:#00000014;--color-btn-shadow:#0000001a;--color-btn-text:#1e1e1e;--color-footer-bg:#f3f4f6;--color-footer-text:#0009;--color-footer-hover:#000;--color-footer-border:#0000001a;--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}[data-theme=dark]{--color-bg:#151515;--color-bg-variant:#1f1f1f;--color-primary:#c0cdd4;--color-primary-variant:#7aa2b833;--color-white:#f0f0f0;--color-light:#f0f0f099;--color-text-main:#f0f0f0eb;--color-card-bg:#ffffff05;--color-card-bg-hover:#ffffff0d;--color-description-bg:#ffffff08;--color-description-shadow:#7aa2b81a;--color-btn-bg:#ffffff0d;--color-btn-bg-hover:#ffffff1f;--color-btn-shadow:#7aa2b84d;--color-btn-text:#ffffffe6;--color-footer-bg:#131313;--color-footer-text:#fff9;--color-footer-hover:#fff;--color-footer-border:#ffffff1a}*,html{scroll-behavior:smooth!important}::webkit-scrollbar{display:none}body{background:#f3f4f6;background:var(--color-footer-bg);color:#1e1e1e;color:var(--color-white);font-family:Manrope,sans-serif;line-height:1.7;overflow-x:hidden;overscroll-behavior:none;overscroll-behavior-y:none}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2rem;font-size:var(--font-size-xxl)}h2{font-size:1.5rem;font-size:var(--font-size-xl)}h3{font-size:1.25rem;font-size:var(--font-size-lg)}h4,h5{font-size:1.125rem;font-size:var(--font-size-md)}h1{font-size:2.5rem}section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 0;scroll-margin-top:5rem}section>h2,section>h5{color:#1e1e1e99;color:var(--color-light);text-align:center}section>h2{color:#040911;color:var(--color-primary);margin-bottom:3rem}.text-light{color:#1e1e1e99;color:var(--color-light)}a{color:#040911;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#1e1e1e;color:var(--color-white)}.btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000000a;background:var(--color-btn-bg);border:1px solid #3b82f633;border:1px solid var(--color-primary-variant);border-radius:.6rem;box-shadow:0 0 10px #0000001a;box-shadow:0 0 10px var(--color-btn-shadow);color:#1e1e1e;color:var(--color-btn-text);cursor:pointer;display:inline-block;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;width:-webkit-max-content;width:max-content}.btn:hover{background:#00000014;background:var(--color-btn-bg-hover);border-color:#040911;border-color:var(--color-primary);box-shadow:0 0 14px var(--color-btn-shadow-hover);transform:translateY(-2px)}.btn-primary,.btn:hover{color:#1e1e1e;color:var(--color-white)}.btn-primary{background:#f5f6f7;background:var(--color-bg);box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--color-btn-shadow)}.btn-primary,.btn-primary:hover{border:1px solid #040911;border:1px solid var(--color-primary)}.btn-primary:hover{background:#0000;box-shadow:0 0 14px var(--color-btn-shadow-hover);color:#040911;color:var(--color-primary)}img{display:block;object-fit:cover;width:100%}picture{display:flex;justify-content:center;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:8rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-top:2rem}}a,article,body,button,div,footer,header,html,section{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
/*# sourceMappingURL=main.9a0bdb4e.css.map*/