@font-face{font-family:Inclusive Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inclusive-sans-vietnamese-400-normal.Dgs4dL4E.woff2) format("woff2"),url(/_astro/inclusive-sans-vietnamese-400-normal.D9kamwRG.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inclusive Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inclusive-sans-latin-ext-400-normal.BMdse3IK.woff2) format("woff2"),url(/_astro/inclusive-sans-latin-ext-400-normal.NwJXQegs.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inclusive Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inclusive-sans-latin-400-normal.DwohNxLd.woff2) format("woff2"),url(/_astro/inclusive-sans-latin-400-normal.BRMuvlic.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes highlight-link{0%{rotate:0}20%{transform:scale(1);rotate:-1.5deg}60%{transform:scale(1.1)}85%{transform:scale(1);rotate:-1deg}90%{rotate:0deg}95%{rotate:-1deg}to{rotate:0deg}}@keyframes underline-link{0%{background-size:0% .1em}to{background-size:var(--to) .1em}}@keyframes wide-theme{0%{clip-path:inset(var(--from))}}@keyframes scale-background{0%{background-size:100%}to{background-size:110%}}@keyframes move-link{to{transform:translate(var(--toX)) translateY(var(--toY))}}@keyframes highlight{1%{background-size:0 1.2em}20%,to{background-size:100% 1.2em}}@media (prefers-reduced-motion){:root::view-transition-new(root){animation:none}:root{animation:none!important}}:root{--black: #000000;--white: #ffffff;--dark-grey: #191919;--dusty-white: #fbfaf9;--lilac: #7384cb;--light-lilac: #cdd8fd;--color: var(--black);--bgColor: var(--dusty-white);--bgColorBase: var(--white);--colorDark: var(--white);--bgColorDark: var(--dark-grey);--accColor: var(--light-lilac);--accColorDark: var(--lilac);--navFont: "Inclusive Sans", sans-serif;--shadow: rgba(0, 0, 0, .2);--shadowDark: rgba(255, 255, 255, .2);--to: 95%}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.dark{--color: var(--colorDark);--bgColor: var(--bgColorDark);--accColor: var(--accColorDark);--bgColorBase: var(--black);--shadow: var(--shadowDark)}.remove-text-shadows a{text-decoration:none;text-shadow:.05em 0 0 transparent,-.05em 0 0 transparent,0 .05em 0 transparent,0 -.05em 0 transparent,.1em 0 0 transparent,-.1em 0 0 transparent,0 .1em 0 transparent,0 -.1em 0 transparent!important;animation:none}html{color:var(--color);background-color:var(--bgColor);min-width:500px}html body{margin:0;font-family:Inclusive Sans,sans-serif;padding:0;line-height:1.5;font-size:1.1em}html body main{width:80%;margin:2em auto 0}html body a{color:var(--color)}::view-transition-new(root){animation:wide-theme .5s;clip-path:inset(0 0 0 0);z-index:2}::view-transition-old(root){z-index:-1;animation:none}[data-theme=dark]{--from: 0 100% 0 0}[data-theme=light]{--from: 0 0 0 100%}@media (max-width: 500px){[data-theme=dark]{--from: 0 0 100% 0}[data-theme=light]{--from: 100% 0 0 0}}.project img,.blog img,.blog__illustration img{max-width:100%;height:auto;padding:2em 0}.project__content img{max-width:70%;height:auto;margin:0 auto;display:flex}@media (max-width: 800px){.project__content img{max-width:100%}}.project [href^=http]:not([href*="viviyanez.dev"]):after,.blog [href^=http]:not([href*="viviyanez.dev"]):after{display:inline-block;width:.8em;height:.8em;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M14%203v2h3.59l-9.83%209.83l1.41%201.41L19%206.41V10h2V3m-2%2016H5V5h7V3H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7h-2z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:75% auto;content:"(external link)";overflow:hidden;white-space:nowrap;text-indent:1em}.dark .project [href^=http]:not([href*="viviyanez.dev"]):after,.dark .blog [href^=http]:not([href*="viviyanez.dev"]):after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23fff'%20d='M14%203v2h3.59l-9.83%209.83l1.41%201.41L19%206.41V10h2V3m-2%2016H5V5h7V3H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7h-2z'/%3e%3c/svg%3e")}.blog [href^=http]:not([href*="viviyanez.dev"]):after{background-position:left}.blog [href^=http]:not([href*="viviyanez.dev"]){background-size:97% .1em}.nav[data-astro-cid-pux6a34n]{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media (max-width: 1200px){.nav[data-astro-cid-pux6a34n]{flex-flow:column;justify-content:flex-start;align-items:flex-start}}.nav__logo[data-astro-cid-pux6a34n]{width:400px;height:115px}.nav__logo__link[data-astro-cid-pux6a34n]{display:block}.nav__logo[data-astro-cid-pux6a34n] picture[data-astro-cid-pux6a34n]>img[data-astro-cid-pux6a34n]{width:400px;height:110px;height:auto}@media (max-width: 600px){.nav__logo[data-astro-cid-pux6a34n] picture[data-astro-cid-pux6a34n]>img[data-astro-cid-pux6a34n]{min-width:320px}}.nav__links[data-astro-cid-pux6a34n]{display:flex;justify-content:end;flex-flow:nowrap}@media (max-width: 1200px){.nav__links[data-astro-cid-pux6a34n]{margin:0;padding:0}}.nav__links__link[data-astro-cid-pux6a34n]{animation:none;list-style:none;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-family:var(--navFont);font-weight:400}.nav__links__link__text[data-astro-cid-pux6a34n]{font-size:1.2em;padding-bottom:.2em;padding-inline-end:.4em;margin:0 1em;color:var(--color);text-decoration:none;text-shadow:.05em 0 0 var(--bgColor),-.05em 0 0 var(--bgColor),0 .05em 0 var(--bgColor),0 -.05em 0 var(--bgColor),.1em 0 0 var(--bgColor),-.1em 0 0 var(--bgColor),0 .1em 0 var(--bgColor),0 -.1em 0 var(--bgColor);background-image:linear-gradient(to right,var(--color) 0%,var(--color) 100%);background-repeat:no-repeat;background-position:0 80%;background-size:0% .1em;animation:none}.nav__links__link__text[data-astro-cid-pux6a34n]:hover,.nav__links__link__text[data-astro-cid-pux6a34n]:focus{animation:underline-link .2s forwards;font-weight:700;--to: 92%}.active[data-astro-cid-pux6a34n] .nav__links__link__text[data-astro-cid-pux6a34n]{animation:none;font-weight:700;background-size:92% .1em;transform:scale(1.1)}.social-icon[data-astro-cid-yxtifmrq]{padding:.7rem}.social-icon[data-astro-cid-yxtifmrq]:hover,.social-icon[data-astro-cid-yxtifmrq]:focus{animation:highlight-link .2s forwards}.social-icon[data-astro-cid-yxtifmrq] [data-astro-cid-yxtifmrq][data-icon]{font-size:1.7rem;color:var(--color)}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}[data-astro-cid-cp4oi4cm]{--container-width: 45px}.switch__background[data-astro-cid-cp4oi4cm]{display:block;border:1px solid var(--color);background-color:var(--bgColorBase);width:var(--container-width);height:calc(var(--container-width) / 3);border-radius:30px;position:relative;cursor:pointer;margin:0 1em}.switch__control[data-astro-cid-cp4oi4cm]{position:absolute;border:none;--size: calc(var(--container-width) / 2);font-size:30px;top:-12px;left:-9px;transition:left .3s}.switch__control[data-astro-cid-cp4oi4cm]:after{content:"🌞"}[data-astro-cid-cp4oi4cm][aria-checked=true] .switch__control[data-astro-cid-cp4oi4cm]{top:-12px;left:var(--size)}[data-astro-cid-cp4oi4cm][aria-checked=true] .switch__control[data-astro-cid-cp4oi4cm]:after{content:"🌚"}.switch__background[data-astro-cid-cp4oi4cm]:focus{outline-offset:8px}@media (max-width: 500px){[data-astro-cid-cp4oi4cm]:host{flex-direction:column}.switch__background[data-astro-cid-cp4oi4cm]{height:var(--container-width);width:calc(var(--container-width) / 3)}.switch__control[data-astro-cid-cp4oi4cm]{left:-9px;transition:top .3s}[data-astro-cid-cp4oi4cm][aria-checked=true] .switch__control[data-astro-cid-cp4oi4cm]{left:-9px;top:var(--size)}}body .header[data-astro-cid-sckkx6r4]{width:80%;margin:0 auto;display:flex;flex-direction:column}body .header__icons[data-astro-cid-sckkx6r4]{width:100%;display:flex;justify-content:flex-end;align-items:center}body .header__icons__toggle[data-astro-cid-sckkx6r4]{z-index:3}body .footer[data-astro-cid-sckkx6r4]{padding:2em 5em;border-top:1px solid;margin-top:5em;display:flex;align-items:center;justify-content:space-between;background-color:var(--bgColorBase);z-index:1}@media (max-width: 600px){body .footer[data-astro-cid-sckkx6r4]{padding:2em;flex-direction:column;align-items:flex-start;justify-content:center}}body .footer__links[data-astro-cid-sckkx6r4]{display:flex;flex-direction:column}body .footer__links[data-astro-cid-sckkx6r4] [data-astro-cid-sckkx6r4][data-icon]{padding-inline-end:.3em;font-size:1.2rem;color:var(--color)}body .footer__links__link[data-astro-cid-sckkx6r4]{display:flex;justify-content:start;align-items:center;color:var(--color);cursor:pointer}body .footer__links__link__text[data-astro-cid-sckkx6r4]{text-shadow:.05em 0 0 var(--bgColor),-.05em 0 0 var(--bgColor),0 .05em 0 var(--bgColor),0 -.05em 0 var(--bgColor),.1em 0 0 var(--bgColor),-.1em 0 0 var(--bgColor),0 .1em 0 var(--bgColor),0 -.1em 0 var(--bgColor);background-image:linear-gradient(to right,var(--color) 0%,var(--color) 100%);background-repeat:no-repeat;background-position:0 80%;background-size:0% .1em;animation:none;color:var(--color);text-decoration:none;background-size:0 .1em;background-position:0 100%}body .footer__links__link__text[data-astro-cid-sckkx6r4]:hover,body .footer__links__link__text[data-astro-cid-sckkx6r4]:focus{animation:underline-link .2s forwards}body .footer__links__link[data-astro-cid-sckkx6r4]:hover,body .footer__links__link[data-astro-cid-sckkx6r4]:focus{animation:highlight-link .2s forwards}