:root{--border-width:1px;--font-body:"NanumSquareNeo", "Noto Sans KR", "Pretendard", sans-serif;--background:#fcfcfc;--foreground:#171717;--control-hover-bg:color-mix(in srgb, var(--foreground) 8%, var(--cardbackground));--hovercolor:#f4f4f4;--hoverfontcolor:black;--hoverdesccolor:#5a5a5a;--activecolor:black;--activefontcolor:white;--codefontbgcolor:#f4f4f4;--codefontcolor:#a94f00;--linkcolor:#006ceb;--linkhovercolor:#0064dc;--bordercolor:#e6e6e6;--cardbackground:#fff;--recordbackground:#f7f7f8;--tablesurface:#fff;--shadowcolor:#0000001a;--desccolor:#6b6b6b;--portfolio-description:#6b6b6b;--portfolio-description-highlight:#171717;--calloutborder:#ffee8a;--calloutaccent:gold;--dangercolor:#d93025;--dangerfontcolor:#fff;--warncolor:#7a5000;--warnbg:#fff4d6;--warnborder:#e0c07a;--warnicon:#b97a00;--progresscolor:#0b6bcb;--okcolor:#116329;--okbg:#e6f6ec;--okborder:#9fd6b0;--chartbar:#0064dc;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#4a3aa7;--series-8:#e34948}html.dark{--background:#101010;--foreground:#cacaca;--control-hover-bg:color-mix(in srgb, var(--foreground) 8%, var(--cardbackground));--hovercolor:#dadada;--hoverfontcolor:black;--activecolor:#dadada;--activefontcolor:black;--codefontbgcolor:#303030;--codefontcolor:#ff7b00;--linkcolor:#6cb6ff;--linkhovercolor:#79bbff;--bordercolor:#5c5c5c;--cardbackground:#27272a;--recordbackground:#1e1e21;--tablesurface:#101010;--shadowcolor:#ffffff1a;--calloutborder:#685800;--calloutaccent:gold;--desccolor:#9a9a9a;--portfolio-description:#b7bdc6;--portfolio-description-highlight:#fff;--dangercolor:#ff7b72;--dangerfontcolor:#101010;--warncolor:#f0c657;--warnbg:#33280d;--warnborder:#8a6f28;--warnicon:#e3b341;--progresscolor:#5aa9f0;--okcolor:#6fdc8c;--okbg:#0f2a19;--okborder:#35804b;--chartbar:#79bbff;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767}:root{--card-width:calc((min(1050px, 100vw) - 4rem) / 3);--card-width-capped:min(var(--card-width), 20.5rem)}@media (max-width:933px){:root{--card-width:calc((min(1050px, 100vw) - 3rem) / 2)}}@media (max-width:640px){:root{--card-width:calc(min(1050px, 100vw) - 2rem)}}.dark .auto-dark{filter:invert()brightness()!important}@font-face{font-family:NanumSquareNeo;src:url(/fonts/NanumSquareNeo-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:NanumSquareNeo;src:url(/fonts/NanumSquareNeo-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NanumSquareNeo;src:url(/fonts/NanumSquareNeo-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:NanumSquareNeo;src:url(/fonts/NanumSquareNeo-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:NanumSquareNeo;src:url(/fonts/NanumSquareNeo-Heavy.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{interpolate-size:allow-keywords}html,body{-ms-overflow-style:none;scrollbar-width:none;width:100%;margin:0;padding:0;overflow-x:clip}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{color:var(--foreground);background:var(--background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}:where(:focus-visible){outline:2px solid var(--linkhovercolor);outline-offset:2px}:where(a:focus-visible,summary:focus-visible){border-radius:3px}*{box-sizing:border-box;margin:0;padding:0}h1{font-size:1.8rem;font-weight:800}h2{font-size:1.6rem;font-weight:800}h3{font-size:1.4rem;font-weight:700}h4{font-size:1.2rem;font-weight:800}h5{font-size:1.1rem;font-weight:800}h6{font-size:1rem;font-weight:700}p{font-size:.95rem;font-weight:400}a{color:inherit;text-decoration:none}li{list-style-type:none}main{min-height:100vh;display:block}.home{flex-direction:column;align-items:center;margin-top:4rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:where(button,a,input,textarea,select,summary,[role=button]){transition:border-color .15s}
pre code,code[class*=language-],pre[class*=language-]{background:var(--codefontbgcolor);color:var(--foreground);white-space:pre;border-radius:.5rem;padding:1rem;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:2;display:block;overflow-x:auto}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#59636e;font-style:italic}.token.punctuation{color:#57606a}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#cf222e}.token.number{color:#005cc5}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#032f62}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#cf222e}.token.atrule,.token.attr-value,.token.keyword{color:#116329}.token.function{color:#6f42c1}.token.regex,.token.important,.token.variable{color:#a04100}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}html.dark pre code,html.dark code[class*=language-],html.dark pre[class*=language-]{background:var(--codefontbgcolor);color:var(--foreground)}html.dark .token.comment,html.dark .token.prolog,html.dark .token.doctype,html.dark .token.cdata{color:#999}html.dark .token.punctuation{color:#bbb}html.dark .token.property,html.dark .token.tag,html.dark .token.boolean,html.dark .token.constant,html.dark .token.symbol,html.dark .token.deleted{color:#ff7b72}html.dark .token.number{color:#6cb6ff}html.dark .token.selector,html.dark .token.attr-name,html.dark .token.string,html.dark .token.char,html.dark .token.builtin,html.dark .token.inserted{color:#a5d6ff}html.dark .token.operator,html.dark .token.entity,html.dark .token.url{color:#ffab70}html.dark .token.atrule,html.dark .token.attr-value,html.dark .token.keyword{color:#d2a8ff}html.dark .token.function{color:#71d6ff}html.dark .token.regex,html.dark .token.important,html.dark .token.variable{color:#ffa657}.code-line{color:var(--foreground)}