@import url(https://fonts.googleapis.com/css2?family=Audiowide&family=Bungee&family=Kosugi+Maru&family=M+PLUS+Rounded+1c&family=Mitr:wght@200;300;400;500;600;700&family=Monoton&family=Orbitron:wght@400..900&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Press+Start+2P&family=Quattrocento:wght@400;700&family=Rowdies:wght@300;400;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Varela+Round&family=Viga&display=swap);@import url(https://fonts.googleapis.com/css2?family=Audiowide&family=Bungee&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Kosugi+Maru&family=Mitr:wght@200;300;400;500;600;700&family=Monoton&family=Orbitron:wght@400..900&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Press+Start+2P&family=Quattrocento:wght@400;700&family=Rowdies:wght@300;400&family=Sarpanch:wght@400;500;600;700;800;900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Unbounded:wght@200..900&family=Viga&display=swap);:root{--spacing:40px;--header-height:102px;--bio-card-width:calc(25vw - var(--spacing)*2/4);--bio-card-height:calc(100vh - var(--header-height) - var(--spacing)*2);--nav-button-width:calc(14.28571vw - var(--spacing)*2/7);--nav-button-height:56px;--router-container-height:var(--bio-card-height);--router-container-width:calc(100vw - var(--bio-card-width) - var(--spacing)*3);--router-container-content-margin:var(--spacing);--primary-border:solid 4px var(--primary);--content-circle-diameter:calc(var(--bio-card-width) - var(--spacing)*3);--inner-circle-diameter:calc(var(--content-circle-diameter) - 8px);--dark:#141010;--primary:#f70776;--primary-second:#c3195d;--primary-third:#680747;--secondary:#76f707;--secondary-second:#55aa0a;--secondary-third:#355d0d;--tertiary:#0776f7;--tertiary-second:#0b54aa;--tertiary-third:#10325d}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}h1{font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:24px;color:var(--primary);line-height:32px}h1,h2{font-family:Press Start\ 2P,sans-serif}h2{font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:16px;color:var(--secondary);line-height:24px;margin-top:0}p{text-align:justify}a{color:var(--secondary)}a :hover{color:var(--secondary-second)}a :visited{color:var(--secondary-third)}body{margin:0;height:-webkit-fill-available;height:-moz-available;height:fill;background-color:var(--dark);overflow:hidden;-webkit-text-size-adjust:none}@media screen and (max-width:1200px){:root{--spacing:30px;--bio-card-width:calc(33.33333vw - var(--spacing)*2/3);--bio-card-height:calc(100vh - var(--header-height) - var(--spacing) - var(--nav-button-height));--nav-button-width:calc(25vw - var(--spacing)*2/4);--router-container-width:calc(100vw - var(--bio-card-width) - var(--spacing)*3);--router-container-height:calc(100vh - var(--header-height) - var(--spacing)*2);--content-circle-diameter:calc(var(--bio-card-width) - var(--spacing)*2)}}@media screen and (max-width:800px){:root{--spacing:40px;--bio-card-width:calc(100vw - var(--spacing)*2);--bio-card-height:fit-content;--nav-button-width:calc(45.45455vw - var(--spacing)*2/2.2);--router-container-width:var(--bio-card-width);--router-container-height:auto;--content-circle-diameter:calc(var(--bio-card-width) - var(--spacing)*5)}}@media screen and (max-height:700px){:root{--header-height:80px;--router-container-content-margin:calc(var(--spacing)*3/4)}}@media screen and (max-height:500px){:root{--header-height:60px;--router-container-content-margin:calc(var(--spacing)/2)}}div[data-v-5e63870e]{justify-content:center;background-color:var(--dark);height:var(--header-height);box-shadow:4px 4px 16px 4px #000}div[data-v-5e63870e],nav[data-v-5e63870e]{display:flex;align-items:center;width:-webkit-fill-available;width:-moz-available;width:fill}nav[data-v-5e63870e]{justify-content:space-evenly;max-width:800px}nav>[data-v-5e63870e]{display:flex;justify-content:center;align-items:center;height:var(--nav-button-height);width:var(--nav-button-width);border-radius:4px;font-family:Press Start\ 2P,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:18px;color:var(--secondary)}nav>[data-v-5e63870e]:hover{transform:scale(1.1);transition-duration:.2s}nav>[data-v-5e63870e]:active{transform:scale(.9);transition-duration:.2s}.router-link-active[data-v-5e63870e]{background-color:var(--primary);transition-duration:.1s}.content_block[data-v-00c347e5]{padding:calc(var(--spacing));background-color:var(--dark);border-radius:4px;box-shadow:4px 4px 16px 4px #000}.content_circle[data-v-c53088e4]{background-color:var(--dark);width:var(--content-circle-diameter);height:var(--content-circle-diameter);border-radius:var(--content-circle-diameter);box-shadow:4px 4px 16px 4px #000;display:flex;align-items:center;justify-content:center}.image_container[data-v-c53088e4]{width:var(--inner-circle-diameter);height:var(--inner-circle-diameter);clip-path:circle(50%);display:flex;align-items:center;justify-content:center}.image_container>[data-v-c53088e4]{min-width:var(--inner-circle-diameter);min-height:var(--inner-circle-diameter);-o-object-fit:cover;object-fit:cover}.contacts[data-v-23a331d5]{margin-bottom:16px}.contacts img[data-v-23a331d5]{height:16px;width:auto;margin-right:calc(var(--spacing)/4)}.contacts p[data-v-23a331d5],a[data-v-23a331d5]{color:var(--secondary)}a[data-v-23a331d5]:visited{color:var(--secondary-third)}a[data-v-23a331d5]:hover{color:var(--secondary-second)}.bio_card[data-v-23a331d5]{font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;background-color:color-mix(in srgb,var(--dark),transparent 20%);width:var(--bio-card-width);height:var(--bio-card-height);border-radius:4px;box-shadow:4px 4px 16px 4px #000;display:flex;flex-direction:column;align-items:center}.bio_card>[data-v-23a331d5]{margin:calc(var(--spacing))}@media screen and (max-width:1200px){.bio_card[data-v-23a331d5]{height:calc(var(--bio-card-height) - var(--nav-button-height) - 40px)}}@media screen and (min-width:801px){[data-v-23a331d5]::-webkit-scrollbar{width:4px}[data-v-23a331d5]::-webkit-scrollbar-track{background:none}[data-v-23a331d5]::-webkit-scrollbar-thumb{border-radius:4px;background:var(--secondary-second)}[data-v-23a331d5]::-webkit-scrollbar-thumb:hover{background:var(--secondary-third)}.bio_card[data-v-23a331d5]{overflow-y:scroll}}@media screen and (max-width:800px){.bio_card[data-v-23a331d5]{margin-bottom:var(--spacing);height:auto;min-height:100%!important}}.router_container>div>*{margin-bottom:var(--spacing)}.router_container>div{margin:var(--router-container-content-margin) 0 var(--router-container-content-margin) 0;padding-right:var(--spacing);padding-left:var(--spacing);box-shadow:inset 0 -8px 8px -4px #000;height:calc(var(--router-container-height) - var(--router-container-content-margin) - var(--nav-button-height))}.router_container{background-color:color-mix(in srgb,var(--dark),transparent 20%);width:var(--router-container-width);height:var(--router-container-height);border-radius:4px;box-shadow:4px 4px 16px 4px #000}main{will-change:transform,opacity}.slide-enter-from,.slide-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:opacity .15s}@media screen and (min-width:801px){::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--primary-second);border-radius:4px}::-webkit-scrollbar-thumb{border-radius:4px;background:var(--secondary-second)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-third)}.router_container>div{overflow-y:scroll}}#autogenerated>div>*{margin-bottom:var(--spacing)}#autogenerated>div>.wrapper{display:grid;gap:var(--spacing)}.wrapper-about-me{.wrapper{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.item-0,.item-1,.item-2{height:-moz-min-content;height:min-content}.item-0{grid-row:1;grid-column:1}.item-1{grid-row:2;grid-column:1}.item-2{grid-row:1/3;grid-column:2;text-align:center;width:100%}.item-2>img{width:100%;border-radius:4px}@media screen and (max-width:1380px){.wrapper{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.item-1{grid-row:2;grid-column:1/3}.item-2{grid-row:1;grid-column:2}}@media screen and (max-width:1000px){.wrapper{display:flex!important;flex-direction:column}}}#game_canvas{display:block;width:-webkit-fill-available;width:-moz-available;width:fill;height:calc(var(--router-container-height) - var(--nav-button-height) - var(--spacing)*4);background-color:var(--dark);border-radius:4px;box-shadow:4px 4px 16px 4px #000}.nav_button[data-v-7598b1f1]{height:var(--nav-button-height);width:var(--nav-button-width);display:grid;&>[data-v-7598b1f1]{grid-area:1/1;width:100%s}touch-action:manipulation}button>[data-v-7598b1f1]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button[data-v-7598b1f1]{position:relative;cursor:pointer;background-color:var(--primary);border:0;height:var(--nav-button-height);width:var(--nav-button-width);transition:50ms ease-in;border-radius:4px;display:flex;align-items:center;justify-content:space-between;font-family:Press Start\ 2P,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:16px;color:#fff}.svg_placeholder_top[data-v-7598b1f1]{mix-blend-mode:lighten;background:#fff;border-radius:4px;opacity:0}.svg_placeholder_bottom[data-v-7598b1f1]{mix-blend-mode:normal}.svg_placeholder_top svg[data-v-7598b1f1]{stroke:#000}.svg_placeholder_bottom svg[data-v-7598b1f1]{stroke:var(--primary)}.svg_placeholder_bottom[data-v-7598b1f1],.svg_placeholder_top[data-v-7598b1f1]{pointer-events:none}svg[data-v-7598b1f1]{position:fixed;width:calc(var(--nav-button-width)*1.25);height:calc(var(--nav-button-height)*1.25);overflow:visible;margin-left:calc(var(--nav-button-width)*-.125);margin-top:calc(var(--nav-button-height)*-.125)}path[data-v-7598b1f1]{stroke-width:80;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:5988.9453125,5988.9453125;stroke-dashoffset:5988.9453125;animation:erase-7598b1f1 .2s linear both}.nav_button:active .svg_placeholder_top[data-v-7598b1f1]{mix-blend-mode:exclusion;background-color:var(--secondary-third)}.nav_button:hover path[data-v-7598b1f1]{animation:draw-7598b1f1 .2s linear both}.nav_button:hover button[data-v-7598b1f1]{background-color:var(--secondary);color:var(--dark)}.nav_button:hover .svg_placeholder_top[data-v-7598b1f1]{opacity:100%}@keyframes draw-7598b1f1{0%{stroke-dashoffset:5988.9453125}to{stroke-dashoffset:0}}@keyframes erase-7598b1f1{to{stroke-dashoffset:5988.9453125}0%{stroke-dashoffset:0}}#background_canvas[data-v-4a117de0]{position:fixed;z-index:-1;pointer-events:none;width:100vw;background-color:var(--dark);height:100vh}#app{font-family:Josefin Sans,Helvetica,Arial,sans-serif;font-weight:300;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;color:#fff;overflow:hidden}.content_align{display:flex;flex-direction:row;justify-content:space-between;padding:var(--spacing)}.nav_buttons{display:flex;position:fixed;left:calc(var(--spacing) + var(--bio-card-width));right:var(--spacing);bottom:var(--spacing);justify-content:right}.nav_buttons>*{margin-left:var(--spacing)}@media screen and (max-width:1200px){.nav_buttons{left:var(--spacing);justify-content:space-between}.nav_buttons>*{margin-left:0}}@media screen and (max-width:800px){.content_align{display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;margin-right:0;padding-right:var(--spacing);height:calc(100vh - var(--header-height) - var(--spacing)*3 - var(--nav-button-height))}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{border-radius:4px;background:var(--secondary-second)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-third)}}