@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{font-family:Open Sans,Noto Serif,Helvetica,system-ui;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--vert-margin: 25px}body{margin:0;height:100dvh}button{color:#fff}.text-btn{cursor:pointer;margin:0;text-align:center;border:0;padding:0;background:transparent;font-size:16px}a{text-decoration:none;color:#fff;text-align:center;box-sizing:border-box}.nav-button{--radi: 9999px;--hue: 220;--button-background: oklch(75% .1 var(--hue) / .8);--bg-dark: oklch(15% .1 var(--hue) / .75);--button-foreground: oklch(15% .05 var(--hue));background:linear-gradient(to bottom,var(--bg-dark),var(--button-background));border:2px solid var(--button-background);border-radius:var(--radi);cursor:pointer;font-weight:500;font-family:inherit;padding:1ex 1em;position:relative;transition:box-shadow .25s;background-clip:padding-box;background-repeat:no-repeat}.nav-button:after{content:"";position:absolute;top:0%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.75),rgba(255,255,255,0) 40%,transparent 40%);border-radius:var(--radi);transition:background .4s}.nav-button:hover{box-shadow:inset 0 0 20px #2dab96,0 0 10px 2px #ffffffbf}.nav-button:active{transform:translateY(1px)}#app{width:100%;max-height:100dvh;max-width:calc(100dvh * (4/3))}.transparent-background{border:1px solid rgba(255,255,255,.75);background:#b4fff826;-webkit-backdrop-filter:blur(4px) saturate(200%);backdrop-filter:blur(4px) saturate(200%);box-shadow:0 8px 32px #1f268733;color:#fff;border-radius:10px}#main-nav{padding:.5rem;margin-top:var(--vert-margin);margin-bottom:var(--vert-margin)}main{display:flex;flex-direction:column;padding:.5rem;margin-top:var(--vert-margin);margin-bottom:var(--vert-margin)}.content{flex-grow:1}.flex-wrapper{display:flex;flex-direction:column;height:100%}.title-underscore{border-bottom:solid;border-bottom-width:2px}.hyperlink{color:#00f;text-decoration:underline}@media(orientation:landscape){body{display:flex;place-items:center;place-content:center}#app{display:grid;grid-template-columns:15% 1fr;gap:20px;aspect-ratio:4 / 3}#main-nav{display:flex;gap:10px;flex-direction:column}#edu-div{margin-left:1rem;float:right}#router-nav{display:flex;flex-direction:column;gap:10px}}@media(orientation:portrait){#app{display:flex;flex-direction:column;height:100dvh}main{flex-grow:1}#router-nav{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}}#final-button[data-v-be0cecee]{margin-top:auto;display:flex;flex-direction:column;gap:10px}#background-video[data-v-be0cecee]{z-index:-1;position:fixed;min-height:100dvh;min-width:100dvw;aspect-ratio:auto;left:0;top:-50px}#wrapper[data-v-a392f801]{flex-grow:1;display:grid;gap:1em;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#wrapper a[data-v-a392f801]{--hue: 220;--button-background: oklch(75% .1 var(--hue) / .8);--bg-dark: oklch(15% .1 var(--hue) / .75);--button-foreground: oklch(15% .05 var(--hue));cursor:pointer;background:transparent;border-radius:10px;background-color:var(--button-background);background:var(--bg-dark);border:3px solid var(--button-background);transition:box-shadow .25s}#wrapper a[data-v-a392f801]:hover{box-shadow:inset 0 0 20px #2dab96,0 0 10px 2px #ffffffbf}#wrapper a[data-v-a392f801]:active{transform:translateY(1px)}#about-wrapper[data-v-8f971ae6]{display:flow-root}#edu-div[data-v-8f971ae6]{border:1px solid rgba(255,255,255,.75);background:#b4fff840;-webkit-backdrop-filter:blur(4px) saturate(200%);backdrop-filter:blur(4px) saturate(200%);box-shadow:0 8px 32px #1f268733;color:#fff;border-radius:10px;padding:1rem}.content-border[data-v-8f971ae6]{border:0;border-top:2px solid #ffffff}img[data-v-4fb97875]{max-width:100%}.project-info[data-v-4fb97875]{display:flex;flex-direction:column;flex-grow:1}.project-text[data-v-4fb97875]{flex-grow:1}.project-stats[data-v-4fb97875]{display:flex;flex-direction:column;align-items:center;gap:6px}#chip-container[data-v-4fb97875]{display:flex;flex-wrap:wrap;gap:4px}.chip[data-v-4fb97875]{background-color:#4a5568;border-radius:20px;border:.15rem solid rgba(255,255,255,1);padding:.5rem 1rem;color:#fff;box-shadow:0 8px 32px #1f268780}.HTML[data-v-4fb97875]{background-color:#ff0000bf}.CSS[data-v-4fb97875]{background-color:#0000ffbf}.TypeScript[data-v-4fb97875]{background-color:#ffff00bf;color:#000}.Vue[data-v-4fb97875]{background-color:#00ff00bf}.C[data-v-4fb97875]{background-color:#00ffffbf;color:#000}.Cpp[data-v-4fb97875]{background-color:#000000bf}.QT[data-v-4fb97875]{background-color:#ffc0cbbf;color:#000}#proj-wrapper[data-v-7d3a80c6]{flex-grow:1;display:none;gap:1em;grid-template-rows:1fr;margin-bottom:.5em}.project[data-v-7d3a80c6]{background-color:#ffffff40;border-radius:10px;display:flex;flex-direction:column;padding:1em}.project img[data-v-7d3a80c6]{width:100%}#pag-header[data-v-7d3a80c6]{align-self:center;display:flex;flex-direction:row;width:100%;min-height:1.5lh;justify-content:center}svg[data-v-7d3a80c6]{cursor:pointer;height:100%}svg:hover path[data-v-7d3a80c6]{stroke:gray;filter:drop-shadow(3px 2px 6px rgb(0 0 0 / 1))}@media(orientation:landscape){#proj-wrapper[data-v-7d3a80c6]{grid-template-columns:1fr 1fr 1fr}.landscape[data-v-7d3a80c6]{display:grid!important}}@media(orientation:portrait){#proj-wrapper[data-v-7d3a80c6]{grid-template-columns:1fr 1fr}.portrait[data-v-7d3a80c6]{display:grid!important}}#vv-header[data-v-890eb3c4]{display:flex;flex-direction:column;align-items:center}#logo-header[data-v-890eb3c4]{display:flex;flex-direction:row;align-items:center}.logo[data-v-890eb3c4]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s;cursor:pointer}.logo[data-v-890eb3c4]:hover{filter:drop-shadow(0 0 2em #646cffaa)}