@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Major+Mono+Display&family=Noto+Sans+TC:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";.navigation-bar{position:fixed;top:0;left:0;padding:2em;width:100%;height:max-content;display:flex;justify-content:space-between;align-items:center}.navigation-bar .rightPart{display:flex;align-items:center;gap:2em}.navigation-bar a{text-decoration:none}.navigation-bar a:hover{color:var(--primary)}.navigation-bar a.selected{text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:.5em}@media screen and (max-width:1200px){.navigation-bar>a:first-of-type{display:none}.navigation-bar{justify-content:flex-end}}.projectItem{display:flex;flex-direction:column;width:100%;flex-grow:1;flex-shrink:1;gap:1em;cursor:pointer}.projectItem .title{display:flex;justify-items:flex-start;align-items:center;gap:.75em;flex-wrap:wrap}.projectItem .title span{text-wrap:wrap}.projectItem .title .category{color:var(--highlight)}.projectItem .imageContainer{background-color:var(--bg-light);flex-shrink:1;width:100%;aspect-ratio:4 / 3;background-size:cover;background-repeat:no-repeat;background-position:center center}.fillColumnsContainer .projectItem .description{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .5s cubic-bezier(0,0,.2,1)}.fillColumnsContainer .projectItem:hover .description{grid-template-rows:1fr}.fillColumnsContainer .projectItem .description>*{min-height:0}.fillColumnsContainer .projectItem{height:100%}.fillColumnsContainer .projectItem .imageContainer{aspect-ratio:unset;height:100%;max-height:none;flex-shrink:100}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;width:100%;background-color:var(--bg);padding:2em}.hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3em}.hero-title{color:var(--text);font-family:Major Mono Display;font-size:6em;font-style:normal;font-weight:400;line-height:120%}.hero-title-container{display:flex;gap:3em}.hoverColor:hover{color:var(--primary);transition:color .1s ease}.hero-title-animated{display:flex}.h2Container{display:flex;gap:1em}@media screen and (max-width:1200px){.hero-container{width:80vw;overflow:hidden}.hero-title-container{flex-wrap:wrap;justify-content:center;gap:1em}.hero-title{font-size:2em}.h2{font-size:1em}.h2Container{display:flex;flex-direction:column;gap:1em}.h2Container .coolshit{display:none}}.markdown-content[data-v-f3c104e9] p{margin:.5em 0}.markdown-content[data-v-f3c104e9] strong{font-weight:700}.markdown-content[data-v-f3c104e9] em{font-style:italic}.markdown-content[data-v-f3c104e9] a{color:var(--primary);text-decoration:underline}.markdown-content[data-v-f3c104e9] a:hover{color:var(--highlight)}.projectPage{display:flex;flex-direction:column;align-items:center;justify-content:start;height:max-content;min-height:100vh;background-color:var(--bg)}.projectPage .page-container{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:5.5em;width:100%;padding:0 2em 2em;gap:2em}.projectPage .page-container .project-banner{width:100%;grid-column:1 / 4;aspect-ratio:2560/1080}.projectPage .page-container .leftOneColumn{grid-column:1 / 2;display:flex;flex-direction:column;gap:2em}.projectPage .page-container .rightTwoColumn{grid-column:2 / 4;display:flex;flex-direction:column;gap:6em}.projectPage .page-container .rightTwoColumn .project-description{width:100%;column-count:2}.smallTitle-body-container{display:flex;flex-direction:column;gap:.75em}.smallTitle{color:var(--text-muted)}.projectPage .page-container .rightTwoColumn .project-details{display:flex;flex-wrap:wrap;gap:3rem}.project-details>.smallTitle-body-container{width:calc(50% - 1.5rem);flex-grow:1}.linkBtn{text-decoration:none;background-color:var(--bg-light);padding:.5em 1em;border:.1em solid var(--border);width:50%}.linkBtn a{color:var(--text);text-decoration:none}.linkBtn:hover a{color:var(--primary)}.projectPage .page-container .rightTwoColumn .project-content{display:flex;flex-direction:column;gap:2em}.projectPage .page-container .rightTwoColumn .project-content img,.projectPage .page-container .rightTwoColumn .project-content video{width:100%;border:.1em solid var(--border-muted);object-fit:cover}@media screen and (max-width:1200px){.projectPage .page-container{padding:0 1em 1em!important}.leftOneColumn,.rightTwoColumn{grid-column:1 / 4!important}.project-description{column-count:1!important;text-wrap-mode:wrap}.projectPage .page-container .rightTwoColumn .project-details{display:flex;flex-direction:column;row-gap:2rem}.linkBtn{width:calc(100vw - 2rem)}}.projects-page{display:flex;flex-direction:column;align-items:center;justify-content:start;height:max-content;min-height:100vh;background-color:var(--bg)}.projects-page .page-container{display:flex;flex-direction:column;align-items:center;justify-content:start;margin-top:5.5em;width:100%;padding:0 2em 2em;gap:10em}.projects-page .page-container h2{margin-bottom:-4em}.projects-page .fillColumnsContainer,.projects-page .freeFormContainer{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1em}.projects-page .fillColumnsContainer{height:calc(100vh - 7.5em)}.projects-page .freeFormContainer{height:max-content}@media screen and (max-width:1200px){.projects-page .page-container{padding:0 1em 1em}.projects-page .fillColumnsContainer,.projects-page .freeFormContainer{flex-direction:column}.projects-page .freeFormContainer{gap:3em}.freeFormContainer>.item{width:100%}}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Bold-Italic.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Bold-Italic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Bold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-ExtraBold-Italic.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-ExtraBold-Italic.woff) format("woff");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-ExtraBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Italic.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Medium-Italic.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Medium-Italic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Medium.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--bg-dark: #030303;--bg: #0a0a0a;--bg-light: #171717;--text: #f2f2f2;--text-muted: #b0b0b0;--highlight: #636363;--border: #474747;--border-muted: #2e2e2e;--primary: #b9a5e9;--secondary: #aab96e;--danger: #bb928b;--warning: #a6a17d;--success: #85a894;--info: #8da0bf;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}*::selection{background-color:none;color:var(--primary)}*::-moz-selection{background-color:none;color:var(--primary)}#root{font-size:16px}html{background-color:var(--bg)}.h1,h1{color:var(--text);font-family:Major Mono Display;font-size:2rem;font-style:normal;font-weight:400;line-height:120%;letter-spacing:.24rem}.h2,h2{color:var(--text);font-family:JetBrains Mono,Noto Sans TC,monospace;font-size:1.375rem;font-style:normal;font-weight:400;line-height:130%;letter-spacing:.1925rem}.body,p{color:var(--text);font-family:JetBrains Mono,Noto Sans TC,monospace;font-size:1rem;font-style:normal;font-weight:400;line-height:165%;letter-spacing:.01rem}.small{color:var(--text);font-family:JetBrains Mono,Noto Sans TC,monospace;font-size:.875rem;font-style:normal;font-weight:400;line-height:120%;letter-spacing:.14rem}