*,:after,:before{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}@keyframes fadeUp{0%{filter:blur(5px);opacity:0;transform:translateY(10px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@font-face{font-family:"Instrument Serif";src:local("Instrument Serif Regular Italic"),local("Instrument Serif Italic"),url(../_fonts/svLEQR1NhVsKV3td5-qEdR3OcCyUB1uXwND4pueM24E-_ai0lJkLAXfhhHb6ZYIId61FSPBqXyGFmF0ftxqBrQ0.woff2) format(woff2);font-display:swap;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-weight:400;font-style:italic}@font-face{font-family:"Instrument Serif Fallback: Times New Roman";src:local("Times New Roman");size-adjust:83.9385%;ascent-override:117.9435%;descent-override:36.9318%;line-gap-override:0%}@font-face{font-family:"Instrument Serif";src:local("Instrument Serif Regular Italic"),local("Instrument Serif Italic"),url(../_fonts/ATc0VqIXMNIEgWU4XzMMCAWoJJ4G11FKjX38DInsfx0-bGhSBtjl_XEffZBInMi-gJZBMjmF_0UQsncnDV02cEc.woff2) format(woff2);font-display:swap;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;font-weight:400;font-style:italic}@font-face{font-family:"Instrument Serif";src:local("Instrument Serif Regular"),local("Instrument Serif"),url(../_fonts/4VzVfti7A9XwdTiq16lO4lLfZTtYPcEFGbpaWWH4bDo-xec7qfdrgCQ5lsquFv1xibvLzatcl3q_vTUpC4HNYZA.woff2) format(woff2);font-display:swap;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-weight:400;font-style:normal}@font-face{font-family:"Instrument Serif";src:local("Instrument Serif Regular"),local("Instrument Serif"),url(../_fonts/MkzsVVsVa19hNhuifJxuUyjYXA8QsnSlohE8Xis64wI-b_OhvLchONOxbaZEOWy7B_wZN5OrU3apyvlSa5_nXOQ.woff2) format(woff2);font-display:swap;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;font-weight:400;font-style:normal}@font-face{font-family:"Instrument Serif";src:local("Instrument Serif Regular Italic"),local("Instrument Serif Italic"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-rSe3w2O4FfVbjFuLiq_3FO_lDTpkmon1fX3zPmRxjBY.woff) format(woff);font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:"Instrument Serif";src:local("Instrument Serif Regular"),local("Instrument Serif"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-SiAndnnrNaVIKTmqayPyS7836xjmVj71C_HOdW2vPHA.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}:root{--color-white:#fff;--color-black:#000;--color-blue:#00f;--color-blue-light:#d8e5ff;--color-grey:#7d7d7d;--color-grey-light:#cacaca;--color-yellow-light:#f9f49e}.dark-mode{--color-white:#000;--color-black:#fff;--color-blue:#ff2a00;--color-blue-light:#411100;--color-grey:#cacaca;--color-grey-light:#7d7d7d;--color-yellow-light:#f9f49e}.main-container{margin-left:auto;margin-right:auto;max-width:800px;padding-left:10px;padding-right:10px;width:100%}.main{display:flex;flex-direction:column;height:100vh;justify-content:flex-start}body{background-color:var(--color-white);color:var(--color-black);font-family:"Instrument Serif","Instrument Serif Fallback: Times New Roman",serif}kbd{background-color:var(--color-blue-light);border-radius:4px;color:var(--color-blue);font-family:JetBrainsMono,monospace;padding:2px 4px}body::-moz-selection{background-color:var(--color-blue-light);color:var(--color-blue)}body::selection{background-color:var(--color-blue-light);color:var(--color-blue)}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{filter:blur(10px);opacity:0}.header[data-v-0c0ead16]{align-items:flex-end;background:linear-gradient(to bottom,var(--color-white) 70%,hsla(0,0%,100%,0) 100%);display:flex;justify-content:space-between;left:0;padding-bottom:5px;padding-top:20px;position:fixed;right:0;top:0;z-index:10}@media(max-width:575.98px){.header[data-v-0c0ead16]{align-items:start;background:linear-gradient(to bottom,var(--color-white) 80%,hsla(0,0%,100%,0) 100%);flex-direction:column;padding-bottom:20px}}.header .logo[data-v-0c0ead16]{align-items:center;color:var(--color-blue);display:flex;font-size:60px;gap:0;text-decoration:none;transition:color .3s ease}.header .logo[data-v-0c0ead16]:hover{color:var(--color-black)}.header .logo:hover .icon[data-v-0c0ead16]{animation:writing-0c0ead16 1.5s ease-in-out forwards;animation-fill-mode:forwards}@media(max-width:575.98px){.header .logo[data-v-0c0ead16]{font-size:45px}}.header .logo .icon[data-v-0c0ead16]{margin-bottom:12px;transform-origin:center center}.header .nav[data-v-0c0ead16]{align-items:center;color:var(--color-grey);display:flex;flex-wrap:wrap;font-size:16px;gap:18px;margin-bottom:20px}@media(max-width:575.98px){.header .nav[data-v-0c0ead16]{gap:0 10px;margin-bottom:0}}.header .nav a[data-v-0c0ead16]{color:var(--color-grey);text-transform:uppercase;transition:color .3s ease}.header .nav a[data-v-0c0ead16]:hover{color:var(--color-black)}.header .nav a span[data-v-0c0ead16]{text-decoration:none}.header .nav .active[data-v-0c0ead16]{color:var(--color-blue)!important}.header .nav .color-mode-toggle[data-v-0c0ead16]{background:none;border:none;color:var(--color-grey);cursor:pointer;text-decoration:underline;text-transform:uppercase;transition:color .3s ease}.header .nav .color-mode-toggle[data-v-0c0ead16]:hover{color:var(--color-black)}@keyframes writing-0c0ead16{0%,to{transform:rotate(0) translateY(0) translate(0)}15%{transform:rotate(-3deg) translateY(-3px) translate(2px)}30%{transform:rotate(8deg) translateY(-6px) translate(6px)}45%{transform:rotate(-8deg) translateY(-2px) translate(10px)}60%{transform:rotate(5deg) translateY(2px) translate(8px)}75%{transform:rotate(-3deg) translateY(-1px) translate(4px)}90%{transform:rotate(1deg) translateY(0) translate(1px)}}