:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #10131b;--vt-c-black-soft: #212122;--vt-c-black-mute: #262627;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .856);--primary-color: #ff7698;--primary-color-mute: #ff769890}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;font-weight:400;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text);display:flex;font-family:Roboto,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;text-rendering:optimizeLegibility}#app{margin:0 auto;max-width:1230px}a,.primary-color{color:var(--primary-color);text-decoration:none;transition:.4s}@media (hover: hover){a:hover{color:var(--primary-color-mute)}}@media (min-width: 1024px){body{align-items:center}}#logo[data-v-b027884b]{display:flex;height:70px}#logo img[data-v-b027884b]{border-radius:50%;height:70px;margin-right:10px;width:70px}#logo #name[data-v-b027884b]{display:flex;flex-direction:column;justify-content:center}#logo h1[data-v-b027884b]{font-size:50px;font-weight:900;line-height:45px;vertical-align:middle}#logo .pronounciation[data-v-b027884b]{display:flex;font-size:20px;font-weight:400;line-height:25px}#logo .pronounciation .written[data-v-b027884b]{margin-left:5px}.card[data-v-9a52044e]{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:space-between;max-width:300px;padding:20px}.content-wrapper[data-v-9a52044e]{display:flex;flex-direction:column;gap:10px}.card-header[data-v-9a52044e]{align-items:center;display:flex}.card-header .title[data-v-9a52044e]{font-size:20px;font-weight:900;line-height:25px;vertical-align:middle}.card-header img[data-v-9a52044e]{border-radius:10px;height:50px;margin-right:10px;width:50px}.card-body[data-v-9a52044e]{font-style:italic;text-align:justify}.button[data-v-9a52044e]{background-color:var(--primary-color);border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px;text-align:center;transition:background-color .3s ease-in-out}.button[data-v-9a52044e]:hover{background-color:var(--primary-color-mute)}#logo[data-v-3caf8c6a]{display:flex;justify-content:center;margin-top:50px}h2[data-v-3caf8c6a]{text-align:center}.projects[data-v-3caf8c6a]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media (min-width: 1024px){h2[data-v-3caf8c6a]{text-align:left}}@keyframes float-up-3caf8c6a{0%{transform:translateY(150%)}to{transform:translateY(0)}}.logo[data-v-3caf8c6a]{animation:float-up-3caf8c6a .75s ease-in;animation-delay:.25s;animation-fill-mode:forwards;margin-bottom:20px;transform:translateY(150%)}@keyframes fade-in-3caf8c6a{0%{opacity:0}to{opacity:1}}#projects-wrapper[data-v-3caf8c6a]{animation:fade-in-3caf8c6a .5s ease-in;animation-delay:1s;animation-fill-mode:forwards;opacity:0}