body{height:100%;background-color:var(--background-color);display:flex;align-items:center;justify-content:center}.main-content-container{display:flex;flex-direction:column;gap:3.75rem}.content-wrapper{display:flex}.subject{flex:1 1 18%;color:var(--color-one);text-align:right;padding-right:.625rem}.content{flex:1 1 82%;display:flex;flex-direction:column;gap:.875rem}.frame-wrapper{padding:0 .75rem}.copyright .copyright-text{font-size:.9375rem;color:var(--color-one)}.main-content-container p{color:var(--color-white)}@media (min-width: 69.4375rem){.main-info-container{max-width:26.473046875rem}}@media (min-width: 58.125rem){.main-info-container{height:99.9svh;width:38.2%;position:fixed;display:flex;flex-direction:column;justify-content:space-between;padding:6.25rem .875rem}.main-content-container{width:61.8%;margin-left:38.2%;padding:6.25rem .875rem;overflow-y:auto}.content-wrapper:nth-child(2)>.content{margin-top:-.875rem}.experience-margin{margin-top:-.375rem}.writing-margin{margin-top:-.875rem}}@media (max-width: 58.0625rem){.main-info-container{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.main-content-container{padding:0 1.5rem 1.5rem;gap:1.5rem}.content-wrapper{flex-direction:column}.subject{text-align:left;font-size:1.25rem;margin-bottom:1.5rem}.copyright-wrapper>.subject{display:none}.frame-wrapper{padding:0rem}}@media (max-width: 25.875rem){.main-info-container{padding:1.125rem 1.125rem 0;justify-content:space-between}.main-content-container{padding:0 1.125rem 1.125rem}.content-wrapper{flex-direction:column}.subject{text-align:left;font-size:1.25rem}}.hero-one-content-wrapper{width:100%;display:flex;align-items:left;justify-content:center;flex-direction:column;gap:1rem}.date-time-location{font-family:DM Mono,monospace;font-size:.8125rem;color:var(--color-two)}.picture-frame{aspect-ratio:1/1;border-radius:2.75rem;position:relative;height:4.5rem;width:4.5rem;border:.0625rem solid var(--color-two)}.profile-picture{display:block;width:100%;height:100%;border-radius:inherit}.profile-info{display:flex;flex:none;flex-wrap:nowrap;flex-direction:column;align-items:left;justify-content:center;gap:.5rem}.name{color:var(--color-white);font-size:1.5rem;font-style:normal;font-weight:400;line-height:1.2rem}.profession{color:var(--color-one);font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.2rem}.status{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;max-width:18.75rem;padding:0 .6rem;border-radius:5rem;border:.0625rem solid rgba(237,237,237,.2)}.foreground{background-color:var(--blinker-color);height:.5rem;width:.5rem;border-radius:50%;position:absolute}.blinker{background-color:var(--blinker-color);height:.5rem;width:.5rem;border-radius:50%;animation:blinking-effect 1.5s infinite both}@keyframes blinking-effect{0%{opacity:1}25%{transform:scale(2);opacity:0}to{opacity:0}}.status-description{color:var(--color-one);font-size:.9375rem}.loc{font-family:DM Mono,monospace;font-size:.8125rem;color:var(--token-d50329a9-877b-46f9-8eea-803d5ad8f5f4, rgb(112, 112, 112));line-height:.8;font-weight:400;letter-spacing:.0375rem}@media (max-width: 58.0625rem){.hero-one-content-wrapper,.profile-info{align-items:center}}.nav-content-container{height:min-content;width:100%;display:flex;align-items:left;justify-content:center;flex-direction:column;gap:1rem}.nav-list{list-style-type:none}.nav-item{margin:.3125rem 0;position:relative}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.875rem;height:.0625rem;background-color:var(--color-one)}.nav-link{text-decoration:none;color:var(--color-one);font-size:1.25rem;cursor:pointer;padding-left:2.1875rem}.nav-link.active{font-weight:500;color:var(--color-white)}.nav-link.hover{font-weight:500}.nav-item:before .nav-link::hover{width:3rem}@media (max-width: 58.0625rem){.nav-content-container{display:none}}.sub-content-container{height:min-content;width:100%;display:flex;align-items:left;justify-content:center;flex-direction:column;gap:1rem}.socials{display:flex;gap:1.75rem}.item{position:relative;height:1.5rem}.item:hover>.tooltip{opacity:1}.icon{width:100.1%;height:1.5rem;filter:invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);cursor:pointer}.icon:hover{filter:invert(100%) brightness(100%)}.tooltip{font-size:.75rem;position:absolute;background-color:#232323;border:.0625rem solid #4f4f4f;border-radius:.375rem;color:#fff;padding:0 .125rem;left:50%;transform:translate(-50%);top:-2.1875rem;will-change:transform;opacity:0;transition:all .4s}.copy-email{color:#fff}.copy-email-span{background-color:#505050;color:#fff;border-radius:.1875rem;padding:.125rem .25rem;font-size:90%}@media (max-width: 58.0625rem){.sub-content-container{align-items:center}.email{display:none}}.homepage-button{display:flex;justify-content:center;background-color:var(--rgb-accent-one);transition:background-color .3s ease,border .3s ease;box-shadow:#0000000f 0 .0625rem .125rem;border-radius:.5rem;border:.0625rem solid var(--rgb-accent-two)}.homepage-button:hover{cursor:pointer;background-color:var(--rgb-accent-two);border:.0625rem solid var(--rgb-accent-three)}.homepage-button-container{display:flex;justify-content:center;gap:.5rem;padding:.5rem 0}.homepage-button-text{font-size:.9375rem;font-weight:500;color:var(--color-white)}.text-content-container{display:flex;flex-direction:column;gap:.5rem}.text-content-container p{color:var(--color-white);font-size:1rem}#about-underline{text-decoration:underline}#about-links{cursor:pointer;color:#04d1f9}.experience-content-container{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:.75rem}.experience-content-container .work-duration{color:var(--color-one);font-size:.875rem;line-height:1}.work-duration span{font-family:sans-serif;font-style:italic}.job-title{display:flex}.job-title span{color:var(--color-white)}.job-title .link-icon{opacity:0;transition:opacity .3s ease;max-height:1.5625rem;margin-left:.5rem;filter:invert(27%) sepia(6%) saturate(192%) hue-rotate(180deg) brightness(200%) contrast(89%)}.experience-content-container:hover .job-title>.link-icon{display:inline-block;opacity:1}.experience-content-container .job-description{color:var(--color-one);font-size:.875rem;line-height:1.41575rem}.experience-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}@media (min-width: 58.125rem){.experience-content-container{transition:background-color .3s ease}.experience-content-container:hover{cursor:pointer;background-color:var(--rgb-accent-two);box-shadow:#0000000f 0 .0625rem .125rem}}@media (max-width: 58.0625rem){.experience-content-container{padding:0rem}.job-title .link-icon{opacity:1}}.tag-item{color:var(--color-one);font-size:.8125rem;padding:0 .3125rem;border-radius:.5rem;border:.0625rem solid rgba(160,160,160,.2)}.show-info{display:flex;gap:.25rem;align-items:center}.hide-info{display:none}.additional-info-icon{width:1.25rem;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) hue-rotate(0deg)}.additional-info-text{font-size:.875rem}.homepage-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}@media (max-width: 58.0625rem){.project-topic-link-wrapper .link-icon{opacity:1}}.writing-content-container{display:flex;flex-direction:row;gap:.5rem;padding:.75rem;border-radius:.75rem}.writing-info-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.writing-title{font-size:.9375rem;color:var(--color-white)}.writing-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.writing-date{color:var(--color-one);font-size:.875rem;text-align:right;width:6.25rem}@media (min-width: 58.125rem){.writing-content-container{transition:background-color .3s ease}.writing-content-container:hover{cursor:pointer;background-color:var(--rgb-accent-two);box-shadow:#0000000f 0 .0625rem .125rem}}@media (max-width: 58.0625rem){.writing-content-container{padding:0rem}.writing-content-container:hover{cursor:pointer}}.copyright{align-items:center}.copyright .copyright-text{font-size:.9375rem;color:#a0a0a0}.scroll-animation{opacity:0;transform:translateY(.625rem);transition:opacity .12s ease-out,transform .12s ease-out}.scroll-animation.visible{opacity:1;transform:translate(0)}.projects-nav-container{display:flex;align-items:center;justify-content:space-between;gap:1.125rem;padding:2.25rem 0;margin:0 4.5rem}.projects-main-container{padding:0 4.5rem 2.25rem}.back-button{display:flex;justify-content:center;gap:.5rem;padding:.25rem .5rem;margin-left:-.5rem;transition:background-color .3s ease;border-radius:6.25rem}.back-button:hover{cursor:pointer;background-color:var(--rgb-accent-two)}.back-button p{padding-right:.375rem;color:var(--color-white)}.projects-nav-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.projects-nav-item{color:var(--color-one);font-size:.875rem;padding:.25rem .5rem;transition:color .3s ease,background-color .3s ease;border-radius:6.25rem}.projects-nav-item:hover{cursor:pointer;color:var(--color-white)}.projects-active{background-color:var(--rgb-accent-two);color:var(--color-white)}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(21.25rem,1fr));grid-gap:2.25rem}@media (min-width: 58.125rem){.projects-nav-container{display:flex;align-items:center;justify-content:center;padding:2.25rem 0;position:relative}.projects-nav-list{max-width:60%}.back-button{display:flex;justify-content:center;gap:.5rem;padding:.25rem .5rem;position:absolute;left:0;margin-left:-.5rem;transition:background-color .3s ease;border-radius:6.25rem}}@media (max-width: 58.0625rem){.projects-nav-container{display:flex;align-items:center;justify-content:space-between;gap:1.125rem;padding:2.25rem 0;margin:0 1.125rem}.projects-nav-list{display:flex;flex-wrap:nowrap;overflow:auto hidden;scrollbar-width:none;white-space:nowrap;max-width:17.5rem}.projects-nav-item:last-child{margin-right:-.5rem}.projects-nav-list::-webkit-scrollbar{display:none}.projects-main-container{padding:0 1.125rem 1.125rem}.projects-container{grid-gap:1.125rem}}@media (max-width: 25.875rem){.projects-nav-container{flex-direction:column;padding:1.125rem 0 4.5rem;margin:0}.projects-nav-list{position:absolute;top:4.5rem;white-space:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:1.125rem;max-width:100%}.projects-nav-list::-webkit-scrollbar{display:none}.projects-nav-item:first-child{margin-left:1.125rem}.projects-nav-item:last-child{margin-right:0}.projects-container{display:flex;flex-direction:column}}.project-content-container{display:flex;flex-direction:column;color:var(--color-white)}.project-content-container:hover{cursor:pointer}.project-content{display:flex;flex-direction:column;padding:.6rem;background-color:var(--rgb-accent-one);transition:background-color .3s ease,border .3s ease;box-shadow:#0000000f 0 .0625rem .125rem;gap:.5rem;border-radius:1rem;border:.0625rem solid var(--rgb-accent-two)}.project-content:hover{background-color:var(--rgb-accent-two);border:.0625rem solid var(--rgb-accent-three)}.project-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .3s ease,border-radius .3s ease;border-radius:.5rem}.project-content:hover>.project-cover{transform:scale(1.01);border-radius:.75rem}.project-topic-link-wrapper{display:flex;align-items:center}.project-topic-link-wrapper .project-topic{margin:0;padding:0;font-family:sans-serif;font-style:italic;font-size:.875rem;line-height:1;display:inline-block;color:var(--color-one)}.project-topic-link-wrapper .link-icon{opacity:0;transition:opacity .3s ease;margin-left:auto;filter:invert(27%) sepia(6%) saturate(192%) hue-rotate(180deg) brightness(200%) contrast(89%)}.project-content-container:hover .project-content .project-topic-link-wrapper>.link-icon{display:inline-block;opacity:1}.project-content .project-topic-link-wrapper .extern{font-family:sans-serif;font-style:italic;font-size:.875rem;color:var(--color-one)}.project-content .project-title{font-weight:800;line-height:1}.project-content .project-description *{font-size:.875rem;line-height:1.41575rem;color:var(--color-one)}.additional-info{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.star,.download{display:flex;gap:.25rem;align-items:center}.hide-info,.projects-tag-list{display:none}@media (max-width: 58.125rem){.project-topic-link-wrapper .link-icon{opacity:1}}@media (max-width: 45.8125rem){.projects-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}}.main-writing-container{display:flex;max-width:90rem}.writing-nav-container{flex:0 0 25%;display:flex;flex-direction:column;gap:1.5rem;align-items:center;position:sticky;top:0;align-self:start;padding:7.8125rem .75rem .5rem;height:99.9svh;-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.writing-nav-container::-webkit-scrollbar{display:none}.writing-nav-title{color:var(--color-white);width:100%;padding-left:.75rem}.writing-item-component-container{display:flex;flex-direction:column;gap:.5rem}.writing-container{flex:0 0 50%;display:flex;flex-direction:column;gap:1.25rem;padding:0 1.125rem 1.125rem;color:var(--color-white)}.writing-top-nav-container{display:flex;align-items:center;justify-content:space-between;background-color:var(--background-color);height:6.5625rem;width:100%;position:sticky;top:0;z-index:1000;border-bottom:.0625rem solid var(--color-three)}.writing-back-button{position:unset}.writing-hamburger-menu-container{display:none}.writing-header{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.875rem}.writing-header-information{display:flex;align-items:center;justify-content:space-between}.writing-header-date{font-size:.9375rem;color:var(--color-one)}.writing-header-additional-info{display:flex;align-items:center;gap:.5rem}.writing-header-type-project-review{background-color:#2e1938;color:#bf7af0;font-size:.75rem;font-weight:600;padding:0 .5rem;border-radius:6.25rem;border:.125rem solid #bf7af0}.writing-header-type-build-logs,.writing-header-type-how-to{background-color:#083a33;color:#0ac7b4;font-size:.75rem;font-weight:600;padding:0 .5rem;border-radius:6.25rem;border:.125rem solid #0ac7b4}.writing-header-reading-time{font-size:.8125rem;color:var(--color-one)}.writing-footer{display:flex;align-items:center;justify-content:right}.writing-words{font-size:.9375rem;color:var(--color-one)}.writing-table-container{flex:0 0 25%;display:flex;flex-direction:column;gap:.5rem;position:sticky;top:0;align-self:start;padding:7.8125rem .75rem 1.25rem;height:99.9svh;color:var(--color-white);overflow-y:auto}.writing-table-container .writing-table-title{color:var(--color-white);font-size:1rem}.writing-table-container>*{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;list-style:none}.table-heading-h1,.table-heading-h2,.table-heading-h3,.table-heading-h4,.table-heading-h5,.table-heading-h6{color:var(--color-one);transition:color .2s ease}.table-heading-h1:hover,.table-heading-h2:hover,.table-heading-h3:hover,.table-heading-h4:hover,.table-heading-h5:hover,.table-heading-h6:hover{color:var(--color-white);cursor:pointer}.table-heading-h2{padding-left:1rem}.table-heading-h3{padding-left:2rem}.table-heading-h4{padding-left:3rem}.table-heading-h5{padding-left:4rem}.table-heading-h6{padding-left:5rem}.hamburger-open{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) hue-rotate(0deg)}.hamburger-open:hover{cursor:pointer}.drawer{display:flex;flex-direction:column;gap:1rem;height:100%;width:22.5rem;position:fixed;top:0;left:-22.5rem;padding:1rem;background-color:var(--background-color);overflow-x:hidden;transition:left .6s ease;z-index:2}.drawer.open{left:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}@media (max-width: 81rem){.writing-nav-container{flex:0 0 30%}.writing-container{flex:0 0 70%}.writing-table-container{display:none}}@media (max-width: 58.0625rem){.writing-nav-container{display:none}.writing-hamburger-menu-container{display:flex;align-items:center;justify-content:center}.writing-container{flex:0 0 100%}}@media (max-width: 25.875rem){.writing-top-nav-container{height:4.5rem}.drawer{width:19.6875rem;right:-19.6875rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.writing-item-container{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;transition:background-color .3s ease;border-radius:.75rem}.writing-item-container:hover{cursor:pointer;background-color:var(--rgb-accent-two);box-shadow:#0000000f 0 .0625rem .125rem}.writing-item-container-active{background-color:var(--rgb-accent-two);box-shadow:#0000000f 0 .0625rem .125rem}.writing-item-title{font-size:.9375rem;color:var(--color-white)}.writing-item-date{font-size:.9375rem;color:var(--color-one)}:root{font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.618em;--global-width: 69.4375rem;--background-color: #232323;--blinker-color-green: #6ad09d;--blinker-color-yellow: #f0ad4e;--blinker-color-red: #dc3545;--color-one: #a0a0a0;--color-two: #707070;--color-three: #404040;--rgb-accent-one: rgb(40, 40, 40);--rgb-accent-two: rgb(46, 46, 46);--rgb-accent-three: rgb(62, 62, 62);--color-white: #ffffff;--color-black: #000000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Inter,sans-serif}.global-width{max-width:var(--global-width)}.writing-section-content{display:flex;flex-direction:column;gap:.5rem}.writing-section-image-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem}.writing-section-image-gallery-wrapper{border-radius:.5rem;overflow:hidden}.writing-section-image-gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto}.writing-section-image-gallery-grid:has(:nth-child(3)){grid-template-columns:repeat(2,1fr)}.writing-section-image-gallery-grid>:nth-child(odd):last-child{grid-column:1 / -1}.writing-section-image-gallery-container{max-height:14.375rem;width:100%}.writing-section-image-gallery-image{height:100%;width:100%;object-fit:cover}.writing-section-image{width:100%;border-radius:.5rem}.code-block-container{position:relative}.code-block{display:flex;background:#1a1a1a;max-height:31.25rem;padding:1rem;overflow:auto;border-radius:.5rem;border:.0625rem solid var(--color-three)}.pre-code{width:0vw;height:max-content}.pre-code code{background:none!important;font-size:.9375rem;padding:0!important;overflow:visible!important}.copy-code{font-family:Helvetica;font-size:.8125rem!important;color:#37f499;height:max-content;position:absolute;top:1em;left:1em;opacity:0;transition:background-color .3s ease,opacity .2s ease-out;font-size:.8125rem;padding:0 .3125rem;border-radius:.5rem}.copy-code.visible{opacity:1}.copy-code:hover{cursor:pointer;background-color:var(--background-color);color:#37f499}hr{border:none;border-top:.0625rem solid var(--color-three)}.number-list{list-style-type:decimal;padding-left:1.875rem}.number-list li{margin:.5rem 0}.bullet-list{list-style-type:circle;padding-left:1.875rem}.bullet-list li{margin:.5rem 0}strong{font-weight:800}.link-content{color:#04d1f9;text-decoration:underline}.code-content{padding:.2em .4em;background-color:#1a1a1a;color:#37f499;font-size:85%;font-style:italic;font-weight:600;white-space:break-spaces;border-radius:.375rem}.h1-content{line-height:1.2;font-size:2.1rem;color:var(--color-white)}.h2-content{line-height:1.2;font-size:1.9rem;color:var(--color-white)}.h3-content{line-height:1.2;font-size:1.7rem;color:var(--color-white)}.h4-content{line-height:1.2;font-size:1.5rem;color:var(--color-white)}.h5-content{line-height:1.2;font-size:1.3rem;color:var(--color-white)}.h6-content{line-height:1.2;font-size:1.1rem;color:var(--color-white)}@media (max-width: 25.875rem){.code-block,.pre-code{max-height:100%}.pre-code code{font-size:.9375rem}.writing-section-image-gallery-container{max-height:8.125rem}}