@font-face{font-family:Questrial;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/questrial-vietnamese-400-normal.830a06b4.woff2) format("woff2"),url(/_next/static/media/questrial-all-400-normal.2516b91a.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Questrial;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/questrial-latin-ext-400-normal.e07800a6.woff2) format("woff2"),url(/_next/static/media/questrial-all-400-normal.2516b91a.woff) format("woff");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Questrial;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/questrial-latin-400-normal.221a17ee.woff2) format("woff2"),url(/_next/static/media/questrial-all-400-normal.2516b91a.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}body,html{padding:0;margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html[data-theme=light] image.astro{background:red}h1,h2,h3,h4{font-family:Questrial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}a{font-weight:700;color:var(--chakra-colors-blue-600);display:inline-block}.cover{background-image:url(/_next/static/media/background-light.b26372f5.jpg);display:flex;flex-direction:column;background-size:contain;background-position-y:-100px;background-repeat:no-repeat;position:relative;min-height:400px}@media screen and (min-width:22.5em){.cover{background-position-y:-50px;background-image:none}}@media screen and (min-width:30em){.cover{background-position-y:-50px;background-image:url(/_next/static/media/background-light.b26372f5.jpg)}}@media screen and (min-width:62em){.cover{background-position-y:-250px}}.overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-50) 85%,hsla(0,0%,100%,0) 95%);height:100%;display:flex;flex-direction:column}@media screen and (min-width:22.5em){.overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-50) 99%,hsla(0,0%,100%,0) 100%)}}@media screen and (min-width:30em){.overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-50) 98%,hsla(0,0%,100%,0) 100%)}}@media screen and (min-width:62em){.overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-50) 93%,hsla(0,0%,100%,0) 98%)}}@media screen and (min-width:80em){.overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-50) 96%,hsla(0,0%,100%,0) 100%)}}main{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.footer-text,h1,h2{font-size:2rem}@media screen and (min-width:22.5em){.footer-text,h1,h2{font-size:2rem}}@media screen and (min-width:30em){.footer-text,h1,h2{font-size:3rem}}@media screen and (min-width:48em){.footer-text,h1,h2{font-size:3rem}}@media screen and (min-width:62em){.footer-text,h1,h2{font-size:4rem}}.header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:3rem;align-items:center;background:var(--chakra-colors-gray-50);position:fixed;top:0;width:100%;padding:8px;z-index:1}@media screen and (min-width:22.5em){.header{background:var(--chakra-colors-gray-50);position:fixed;top:0;width:100%;padding:16px;z-index:1}}@media screen and (min-width:30em){.header{background:var(--chakra-colors-gray-50);position:fixed;top:0;width:100%;padding:16px;z-index:1}}@media screen and (min-width:48em){.header{background:none;position:relative;max-width:1200px;margin:0 auto;padding:100px 1rem 0}}.header .avatar,.header .avatar div{border-radius:50px}.header .avatar{width:40px;height:40px;padding-right:8px;align-items:center;display:flex;position:relative}.header .avatar .chakra-select__wrapper{position:absolute;width:37px;z-index:1;right:-20px;top:3px;cursor:pointer}@media screen and (min-width:22.5em){.header .avatar .chakra-select__wrapper{right:-20px;top:3px}}@media screen and (min-width:30em){.header .avatar .chakra-select__wrapper{right:-8px;top:0}}.header .avatar .chakra-select__wrapper .chakra-select__icon-wrapper{display:none}.header .avatar .chakra-select__wrapper .select-language{padding:0 8px;cursor:pointer;border-radius:50px}.header .avatar .chakra-select__wrapper:after{content:" ";position:absolute;width:0;height:0;left:-1px;top:22px;transform:rotate(25deg);border:7px solid;border-color:transparent transparent transparent var(--chakra-colors-gray-200);display:none}@media screen and (min-width:22.5em){.header .avatar .chakra-select__wrapper:after{display:none}}@media screen and (min-width:30em){.header .avatar .chakra-select__wrapper:after{display:block}}@media screen and (min-width:22.5em){.header .avatar{width:40px;height:40px}}@media screen and (min-width:30em){.header .avatar{width:60px;height:60px}}@media screen and (min-width:48em){.header .avatar{width:100px;height:100px}}.header .avatar img{border-radius:50px}footer{width:100%;display:flex;flex-direction:column;margin-bottom:3rem}footer .footer-text{color:var(--chakra-colors-gray-700);cursor:pointer;font-weight:700;width:100%;padding-bottom:2rem;text-align:center}footer .footer-text:hover{text-decoration:underline}footer p{display:flex;flex-direction:row;line-height:1rem;justify-content:center;font-size:.8rem;margin-bottom:.5rem}footer a{margin:0 .2rem}footer img{margin-left:.5rem}footer a{display:flex;justify-content:center;align-items:center}.description,.title{text-align:left}.description{line-height:1.5;font-size:1.5rem}.about{padding:2rem 0}@media screen and (min-width:22.5em){.about{padding:2rem 0}}@media screen and (min-width:30em){.about{padding:3rem 0}}@media screen and (min-width:62em){.about{padding:2rem 0}}.about div{line-height:26px}.about h1,.about h2{margin:0;line-height:1.15;font-size:2rem;color:var(--chakra-colors-gray-700);font-weight:700}@media screen and (min-width:22.5em){.about h1,.about h2{font-size:2rem}}@media screen and (min-width:30em){.about h1,.about h2{font-size:3rem}}@media screen and (min-width:48em){.about h1,.about h2{font-size:3rem}}@media screen and (min-width:62em){.about h1,.about h2{font-size:4rem}}.about h2{color:var(--chakra-colors-gray-500);margin-bottom:1rem}.about .presentation{color:var(--chakra-colors-gray-600);margin-bottom:1rem;font-size:var(--chakra-fontSizes-xl)}.about-description{width:75%;font-size:var(--chakra-fontSizes-xl)}@media screen and (min-width:22.5em){.about-description{width:100%;font-size:var(--chakra-fontSizes-md)}}@media screen and (min-width:30em){.about-description{width:100%;font-size:var(--chakra-fontSizes-md)}}@media screen and (min-width:48em){.about-description{width:80%;font-size:var(--chakra-fontSizes-xl)}}@media screen and (min-width:62em){.about-description{width:75%;font-size:var(--chakra-fontSizes-xl)}}.grid{margin-top:3rem;margin-bottom:3rem}@media screen and (min-width:62em){.grid{margin-bottom:5rem}}.grid h3{color:var(--chakra-colors-gray-500);font-size:var(--chakra-fontSizes-2xl);line-height:2.5rem;font-weight:700;margin-right:1rem;margin-bottom:.2rem}@media screen and (min-width:22.5em){.grid h3{font-size:var(--chakra-fontSizes-2xl);margin-bottom:.2rem}}@media screen and (min-width:30em){.grid h3{font-size:var(--chakra-fontSizes-2xl);margin-bottom:.2rem}}@media screen and (min-width:48em){.grid h3{font-size:var(--chakra-fontSizes-4xl);margin-bottom:1rem}}.grid-header{display:flex;flex-direction:column;margin-bottom:2rem}.grid-header p{font-size:.8rem}@media screen and (min-width:22.5em){.grid-header p{font-size:.8rem}}@media screen and (min-width:30em){.grid-header p{font-size:1rem}}@media screen and (min-width:62em){.grid-header p{font-size:1rem}}.portfolios article{cursor:pointer;transition:all .2s ease 0s;transform:scale(1);background:#fff;border-radius:15px}.portfolios article a{width:100%}.portfolios article .portfolio-image img{border-radius:15px 15px 0 0}.portfolios article .portfolio-link{color:var(--chakra-colors-blue-600);transition:opacity .2s ease 0s;opacity:0}.portfolios article:hover{box-shadow:var(--chakra-shadows-2xl);transform:scale(1.1)}@media screen and (min-width:22.5em){.portfolios article:hover{transform:scale(1);box-shadow:none}}@media screen and (min-width:30em){.portfolios article:hover{transform:scale(1);box-shadow:none}}@media screen and (min-width:48em){.portfolios article:hover{transform:scale(1.1);box-shadow:var(--chakra-shadows-2xl)}}.portfolios article:hover .portfolio-link{opacity:100%}.portfolios article h4{overflow:hidden;text-overflow:ellipsis;margin-top:var(--chakra-space-1);font-size:var(--chakra-fontSizes-lg)}.portfolios article p{margin-top:var(--chakra-space-1);margin-bottom:var(--chakra-space-4);font-size:var(--chakra-fontSizes-md);font-weight:400}.portfolios article .article-wrap{padding:var(--chakra-space-6)}.portfolios .icons{display:flex;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;position:relative}.portfolios .icons .icon-wrap{margin-right:.5rem}.portfolios .portfolio-link{color:var(--chakra-colors-blue-600);position:absolute;right:0}.header-actions{width:80%;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width:22.5em){.header-actions{width:-moz-fit-content;width:fit-content}}@media screen and (min-width:30em){.header-actions{width:-moz-fit-content;width:fit-content}}.header-actions svg{width:35px;height:35px;color:var(--chakra-colors-gray-600)}.header-actions .chakra-select{cursor:pointer}.header-actions .chakra-select__wrapper{width:70px;display:inline-block}.header-actions .header-actions__get-in-touch{text-transform:lowercase}.modal-contact{display:flex;margin:1rem 0;justify-content:center;flex-wrap:wrap}.modal-contact button{margin-bottom:1rem}.chakra-ui-dark{background-color:var(--chakra-colors-gray-800)}.chakra-ui-dark a{color:var(--chakra-colors-blue-300)}.chakra-ui-dark .avatar .chakra-select__wrapper{background:var(--chakra-colors-gray-700)}.chakra-ui-dark .avatar .chakra-select__wrapper:after{border-color:transparent transparent transparent var(--chakra-colors-gray-700)}.chakra-ui-dark .cover{background-image:url(/_next/static/media/background-dark.bbd7c169.jpeg)}.chakra-ui-dark .header{background:var(--chakra-colors-gray-800)}@media screen and (min-width:22.5em){.chakra-ui-dark .header{background:var(--chakra-colors-gray-800)}}@media screen and (min-width:30em){.chakra-ui-dark .header{background:var(--chakra-colors-gray-800)}}@media screen and (min-width:48em){.chakra-ui-dark .header{background:none}}.chakra-ui-dark .overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-800) 85%,hsla(0,0%,100%,0) 95%)}@media screen and (min-width:22.5em){.chakra-ui-dark .overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-800) 99%,hsla(0,0%,100%,0) 100%)}}@media screen and (min-width:30em){.chakra-ui-dark .overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-800) 98%,hsla(0,0%,100%,0) 100%)}}@media screen and (min-width:62em){.chakra-ui-dark .overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-800) 98%,hsla(0,0%,100%,0) 100%)}}@media screen and (min-width:80em){.chakra-ui-dark .overlay{background:linear-gradient(0deg,var(--chakra-colors-gray-800) 98%,hsla(0,0%,100%,0) 100%)}}.chakra-ui-dark .about h1,.chakra-ui-dark .footer-text{color:var(--chakra-colors-gray-100)}.chakra-ui-dark .presentation{color:var(--chakra-colors-gray-300)}.chakra-ui-dark .about h2,.chakra-ui-dark .grid h3{color:var(--chakra-colors-gray-400)}.chakra-ui-dark .grid-header p{color:var(--chakra-colors-gray-100);font-size:var(--chakra-fontSizes-md)}.chakra-ui-dark .portfolios article{background-color:var(--chakra-colors-gray-700)}.chakra-ui-dark .portfolios article a{color:var(--chakra-colors-gray-100)}.chakra-ui-dark .portfolios article .portfolio-link{color:var(--chakra-colors-blue-300)}.chakra-ui-dark .header-actions svg{color:var(--chakra-colors-gray-300)}.container-flex{padding:0 1rem}@media screen and (min-width:22.5em){.container-flex{padding-top:60px}}@media screen and (min-width:30em){.container-flex{padding-top:60px}}@media screen and (min-width:48em){.container-flex{padding:0 1rem}}.chakra-accordion{padding:1rem 0}