@import"https://fonts.googleapis.com/css?family=Roboto+Mono";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--theme-hue: 10;--theme-sat: 100%;--theme-10: hsl(var(--theme-hue), var(--theme-sat), 10%);--theme-20: hsl(var(--theme-hue), var(--theme-sat), 20%);--theme-30: hsl(var(--theme-hue), var(--theme-sat), 30%);--theme-40: hsl(var(--theme-hue), var(--theme-sat), 40%);--theme-50: hsl(var(--theme-hue), var(--theme-sat), 50%);--theme-60: hsl(var(--theme-hue), var(--theme-sat), 60%);--theme-70: hsl(var(--theme-hue), var(--theme-sat), 70%);--theme-80: hsl(var(--theme-hue), var(--theme-sat), 80%);--theme-90: hsl(var(--theme-hue), var(--theme-sat), 90%);--gray-hue: 0;--gray-sat: 0%;--gray-0: hsl(var(--gray-hue), var(--gray-sat), 0%);--gray-10: hsl(var(--gray-hue), var(--gray-sat), 10%);--gray-20: hsl(var(--gray-hue), var(--gray-sat), 20%);--gray-30: hsl(var(--gray-hue), var(--gray-sat), 30%);--gray-40: hsl(var(--gray-hue), var(--gray-sat), 40%);--gray-50: hsl(var(--gray-hue), var(--gray-sat), 50%);--gray-60: hsl(var(--gray-hue), var(--gray-sat), 60%);--gray-70: hsl(var(--gray-hue), var(--gray-sat), 70%);--gray-80: hsl(var(--gray-hue), var(--gray-sat), 80%);--gray-90: hsl(var(--gray-hue), var(--gray-sat), 90%);--gray-100: hsl(var(--gray-hue), var(--gray-sat), 100%);--link-hue: 221;--link-sat: 100%}*,:after,:before{box-sizing:border-box}:root{--spx: 12px}body{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:var(--gray-100);background-color:var(--gray-10);background-image:url(/background.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;text-align:center;line-height:1.5}img,svg{vertical-align:middle}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}ul{text-align:left}p{margin-top:0}fieldset{margin:0;padding:0;border:0;min-width:0}a{color:hsl(var(--link-hue),var(--link-sat),50%)}a:hover{color:hsl(var(--link-hue),var(--link-sat),40%)}a:active{color:hsl(var(--link-hue),var(--link-sat),30%)}._button_acupj_1{display:inline-block;background-color:var(--theme-50);color:var(--gray-100);padding:max(.5 * var(--spx)) max(1 * var(--spx));font-size:inherit;border-radius:max(.5 * var(--spx));border:none;text-decoration:none;line-height:inherit}._button_acupj_1:hover{background-color:var(--theme-40);color:var(--gray-100)}._button_acupj_1:active{background-color:var(--theme-30);color:var(--gray-100)}._formTitle_1u5j7_1{margin:0 0 max(.5 * var(--spx))}._formGroup_1u5j7_5{text-align:left;margin-bottom:max(2 * var(--spx))}._formInput_1u5j7_10{display:block;width:100%;border:2px solid var(--gray-80);border-radius:max(.5 * var(--spx));padding:max(.5 * var(--spx)) max(1 * var(--spx))}._formSubmitSpinner_1u5j7_18{border:.2em solid var(--gray-100);border-top:.2em solid var(--gray-60);border-radius:50%;width:1em;height:1em;animation:_spin_1u5j7_1 2s linear infinite;display:inline-block;margin-right:.5em;vertical-align:text-top}._formFailMessage_1u5j7_30{margin-bottom:max(1 * var(--spx))}._formConfirmMessage_1u5j7_34{margin-inline:auto;max-width:752px;font-size:large;margin-bottom:0}@keyframes _spin_1u5j7_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._intro_kspa9_1{margin-inline:auto;max-width:752px;font-size:large;margin-bottom:max(4 * var(--spx))}._container_kspa9_8{padding:max(4 * var(--spx))}._containerWhite_kspa9_12{background-color:var(--gray-100);color:var(--gray-0)}._containerTheme_kspa9_17{background-color:var(--theme-50)}._pageWidth_kspa9_21{max-width:752px;margin-inline:auto}._brandBar_kspa9_26{max-width:752px;margin-inline:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:max(2 * var(--spx));font-size:max(3 * var(--spx))}._brandIcon_kspa9_36:hover{scale:1.2}._brandIconTooltip_kspa9_40{color:var(--gray-0);background-color:var(--gray-100);visibility:hidden;position:absolute;font-size:small;top:120%;left:50%;margin-left:-43px;padding:max(.5 * var(--spx));border-radius:3px;width:86px}._brandIconTooltip_kspa9_40:before{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent var(--gray-100) transparent}._brandIcon_kspa9_36:hover~._brandIconTooltip_kspa9_40{visibility:visible}._card_f53jf_1{--card-border-color: var(--gray-80);--card-border-width: 2px;position:relative;height:100%;color:var(--gray-0);background-color:var(--gray-100);border-radius:max(.5 * var(--spx));border:var(--card-border-width) solid var(--card-border-color)}._cardImg_f53jf_12{aspect-ratio:16/9;width:100%;border-top-left-radius:max(.5 * var(--spx));border-top-right-radius:max(.5 * var(--spx))}._cardOverlay_f53jf_19{display:flex;justify-content:start;gap:max(.5 * var(--spx));position:absolute;top:0;width:100%;padding:max(1 * var(--spx))}._cardIcon_f53jf_29{padding:max(.5 * var(--spx));background-color:var(--theme-50);background-blend-mode:multiply;color:#000;width:1.3rem;height:1.3rem;line-height:1.5;text-align:center;border-radius:max(.5 * var(--spx));display:inline-block}._cardHeader_f53jf_42{margin:max(1 * var(--spx)) max(1 * var(--spx)) max(.5 * var(--spx))}._cardTitle_f53jf_46{font-size:1.3rem;margin-bottom:max(.25 * var(--spx))}._cardSubtitle_f53jf_51{margin:0}._cardContent_f53jf_55{margin:max(1 * var(--spx))}._cardText_f53jf_59{text-align:start;margin:max(1 * var(--spx))}._cardGitIcon_f53jf_64{margin-right:10px}i[class*=" fi-brands-"]:before{display:inline-block;transform:translateY(3px);position:relative}._cardNav_f53jf_74{display:flex;justify-content:center;border-bottom:2px solid var(--card-border-color)}._cardNavTabList_f53jf_80{display:grid;grid-template-columns:1fr 1fr;margin-bottom:calc(0px - var(--card-border-width))}._cardNavTab_f53jf_80{padding:max(.5 * var(--spx)) max(1 * var(--spx));border:var(--card-border-width) solid transparent;border-bottom:var(--card-border-width) solid var(--card-border-color);border-radius:max(.5 * var(--spx)) max(.5 * var(--spx)) 0 0;background-color:var(--theme-50);background-clip:padding-box;color:var(--gray-100);transition:all .2s;font-size:1rem;cursor:pointer}._cardNavTab_f53jf_80:hover{border-color:var(--card-border-color)}._cardNavTab_f53jf_80._cardNavTabActive_f53jf_105{border-color:var(--card-border-color);border-bottom:var(--card-border-width) solid var(--gray-100);background-color:var(--gray-100);color:var(--gray-0)}._portfolio_30kyu_1{display:grid;gap:max(2 * var(--spx));margin:max(2 * var(--spx))}@media screen and (min-width: 780px){._portfolio_30kyu_1{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1024px){._portfolio_30kyu_1{grid-template-columns:1fr 1fr 1fr}}._container_hfc5m_1{display:flex;justify-content:center;align-items:center;height:100%}._textLoader_1r8ni_1:after{content:"..."}.post-data__icon{margin-inline-end:.5rem}.post-data__category{display:inline-block;color:var(--gray-0);padding:0 max(.25 * var(--spx));border-radius:max(.25 * var(--spx));border:1px solid var(--gray-0);margin:0 0 max(.25 * var(--spx))}.post-data__details{font-size:smaller}._post_o1aj5_1{background-color:var(--gray-100);color:var(--gray-0);padding:max(2 * var(--spx));margin:auto;text-align:start;min-height:100%}._title_o1aj5_10{margin:0 0 max(.5 * var(--spx))}._content_o1aj5_14{margin-top:max(2 * var(--spx))}._content_o1aj5_14 code{background-color:var(--gray-80)}._error_o1aj5_22{padding:max(2 * var(--spx));min-height:100%}@media screen and (min-width: 800px){._post_o1aj5_1{max-width:752px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}._card_1f9rr_1{max-width:752px;margin:max(2 * var(--spx));padding:max(2 * var(--spx));background-color:var(--gray-100);color:var(--gray-0);border-radius:var(--bs-border-radius);text-align:left}._link_1f9rr_11{text-decoration:none;color:var(--gray-0)}._title_1f9rr_16{margin:0 0 max(.5 * var(--spx))}._title_1f9rr_16:hover{text-decoration:underline}._summary_1f9rr_24{margin-top:max(1 * var(--spx))}._blogFilter_mi3aa_1{padding-inline:max(2 * var(--spx));margin-block:max(2 * var(--spx));text-align:start}._categoryInput_mi3aa_7{margin:max(1 * var(--spx)) max(2 * var(--spx));padding:max(1 * var(--spx));display:block;border-radius:max(.5 * var(--spx));background-color:var(--gray-100);color:var(--gray-0);-webkit-user-select:none;user-select:none;text-align:start;transition:all .1s}._categoryInput_mi3aa_7:hover{background-color:var(--gray-90)}._categoryInput_mi3aa_7:active{background-color:var(--gray-80)}._categoryInputChecked_mi3aa_27{color:var(--gray-100);background-color:var(--theme-50)}._categoryInputChecked_mi3aa_27:hover{background-color:var(--theme-40)}._categoryInputChecked_mi3aa_27:active{background-color:var(--theme-30)}._categoryInputName_mi3aa_40{font-weight:700;font-style:normal}._categoryInputCheckbox_mi3aa_45{margin-inline-end:1ch}._blogTitle_wfycm_1{margin:0 0 max(.5 * var(--spx))}._blogIntro_wfycm_5{background-color:var(--gray-100);color:var(--gray-0);padding:max(2 * var(--spx))}._pageWidth_wfycm_11{max-width:752px;margin-inline:auto}._blogIntroText_wfycm_16{margin-bottom:0}._blogPostList_wfycm_20{margin-bottom:max(2 * var(--spx))}._navBar_no9z8_1{display:flex;position:sticky;top:0;justify-content:center;z-index:10}._navList_no9z8_9{display:grid;grid-template-columns:1fr 1fr 1fr;gap:max(1 * var(--spx));margin:max(1 * var(--spx)) 0}._navLink_no9z8_16{color:var(--gray-100);text-decoration:none;font-weight:700;padding:max(.5 * var(--spx))}._navLink_no9z8_16._active_no9z8_23,._navLink_no9z8_16:hover{color:inherit;border-bottom:max(.2 * var(--spx)) solid var(--gray-100)}._footer_583fm_1{background-color:var(--theme-50);padding-block:max(2 * var(--spx));text-align:center}._container_1d66a_1{padding:max(2 * var(--spx)) max(3 * var(--spx));margin:auto;width:min-content;min-height:100%;display:flex;align-items:center}._message_1d66a_10{text-align:left;margin:0}._messageHighlight_1d66a_16{background-color:var(--theme-50);padding:max(.5 * var(--spx)) max(1 * var(--spx));margin-block:max(.5 * var(--spx));margin-inline:max(-1 * var(--spx));display:inline-block;font-family:Roboto Mono,monospace;font-weight:700;font-size:1.5em}._messageHighlight_1d66a_16:first-letter{color:var(--gray-0)}._messageHighlight_1d66a_16._show_1d66a_31{animation:_flip-in_1d66a_1 .5s;transform-style:preserve-3d;transform:rotateX(0)}._messageHighlight_1d66a_16._wait_1d66a_37{transform:rotateX(90deg)}@keyframes _flip-in_1d66a_1{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}