@import url(https://fonts.googleapis.com/css2?family=Fira+Code&family=Noto+Sans+KR:wght@300;400;500&family=Sunflower:wght@300;500&display=swap);
body{min-height:100vh;display:grid;grid-template:auto 1fr auto / auto;font-family:'Noto Sans KR', sans-serif;justify-items:center}body>*{width:100%}main{max-width:45rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{--light-text: black;--light-accent-text: #2f2f2f;--light-bg: white;--light-header: #d2d2d2;--light-content-topic-border: 1px solid #D9D9D9;--light-subtitle: #404040;--light-footer: #2F3030;--dark-text: white;--dark-accent-text: #e1e1e1;--dark-bg: #0f1517;--dark-header: #282828;--dark-content-topic-border: 1px solid #595959;--dark-subtitle: #D9D9D9;--dark-footer: #CACFCF;--gray5: #A0AEC0}.light{color:var(--light-text);background:var(--light-bg);--text-color: var(--light-text);--text-accent-color: var(--light-accent-text);--bg-color: var(--light-bg);--header-color: var(--light-header);--content-topic-border: var(--light-content-topic-border);--subtitle-color: var(--light-subtitle);--footer-color: var(--light-footer)}.dark{color:var(--dark-text);background:var(--dark-bg);--text-color: var(--dark-text);--text-accent-color: var(--dark-accent-text);--bg-color: var(--dark-bg);--header-color: var(--dark-header);--content-topic-border: var(--dark-content-topic-border);--subtitle-color: var(--dark-subtitle);--footer-color: var(--dark-footer)}.content{font-size:1.125rem}.content h1{font-size:2rem}.content h2{font-size:1.75rem}.content h1,.content h2{margin-top:2.25rem;margin-bottom:1.25rem;padding-bottom:0.5rem;border-bottom:var(--content-topic-border)}.content h3,.content h4,.content h5{margin-top:1.25rem;margin-bottom:0.75rem}.content p{margin-top:0.25rem;margin-bottom:0.925rem}.content a{color:#0687f0;text-decoration:none;box-shadow:none}.content blockquote{padding-left:1.475rem;box-shadow:inset 3px 0 0 0 #292929;border-left:2px black solid;margin-left:0px}.content img{margin-top:0.5rem}.content code:not([class]){padding:.2em .6em;border-radius:.2em;white-space:normal;background:#6563e7;color:#EBF8FF}.content .highlight>pre{background:#212121;border-radius:0.25rem;padding:1rem;overflow-x:auto}.content .highlight code{font-family:'Fira Code', monospace;font-size:0.75rem}a.nostyle:link{text-decoration:inherit;color:inherit}a.nostyle:visited{text-decoration:inherit;color:inherit}header{background:var(--header-color);display:flex;align-items:center;padding:20px 100px;box-sizing:border-box;font-size:2rem}header>a{text-decoration:none;color:var(--text-color)}header ul{display:flex;font-size:1.5rem}header li{margin-left:48px}header li>a{text-decoration:none;color:var(--text-accent-color)}header .github{margin-left:auto;margin-right:0}@media (max-width: 720px){header{flex-direction:column}header ul{flex-direction:column}header ul li{margin-left:0;margin-top:20px}}footer{margin-top:25px;margin-bottom:25px;text-align:center;font-size:0.925rem;color:var(--footer-color)}.profile{display:flex;align-items:center;margin-top:1.5rem;padding-bottom:1.5rem;padding-right:2rem;padding-left:2rem;border-bottom:2px solid rgba(74,85,104,0.2)}.profile h2,.profile p{margin-top:0.125rem;margin-bottom:0.125rem}.profile h2{display:flex;justify-content:space-between;align-items:center}.profile>img{width:8rem;height:8rem;border-radius:50%;object-fit:cover;margin-right:1.2rem}@media (max-width: 720px){.profile>img{width:6rem;height:6rem}}.tags-all{display:flex;justify-content:center;margin-top:1.75rem !important;padding-bottom:1.5rem !important;border-bottom:2px solid rgba(74,85,104,0.2) !important}.tags-all>.tag>span{margin-right:0.5rem !important}.tags{margin-top:0.75rem}.tag{text-decoration:none}.tag>span{padding:0.125rem 0.25rem;background-color:#cbd5e0;color:black;font-size:1rem;font-weight:500;border-radius:0.25rem;margin-right:0.125rem}.tag>.tag-current{border-bottom:3px solid black}.tag>.tag-javascript .tag-js{background-color:#f0db4f;color:black}.tag>.tag-hugo{color:#fcd804;background-color:#0594cb}.tag>.tag-react{background-color:#222;color:#00d8ff}.tag>.tag-vue{background-color:#34495e;color:#41b883}.tag>.tag-node .tag-NodeJS{background-color:#68a063;color:#0f0f0f}.tag>.tag-typescript .tag-Typescript{background-color:#0081d6;color:white}.tag>.tag-go .tag-Go{background-color:#29beb0;color:black}.tag>.tag-python{background-color:#4b8bbe;color:#ffd43b}.post{width:calc(100% - 1.75rem);margin-top:4rem;margin-right:auto;margin-left:auto}.post>.title{display:flex;align-items:center;justify-content:space-between;font-size:2.25rem;font-weight:500;font-family:'Sunflower', sans-serif;margin-bottom:0.25rem}.post>.date{font-size:1.25rem;color:var(--gray5);margin-left:0.5rem}.post>.subtitle{margin-top:0.425rem;margin-bottom:1.5rem;font-size:1.25rem;padding-bottom:0.925rem;color:var(--subtitle-color);border-bottom:1.5px solid var(--subtitle-color)}.post>img{width:100%}.post>.navigator{display:flex;justify-content:space-between}.post>.navigator>a[rel=next],.post>.navigator a[rel=prev]{padding:0.25rem 0.5rem;text-decoration:none;color:#4C51BF;background-color:#EDF2F7;border-radius:4px;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06);margin-top:1.25rem;margin-bottom:1.25rem}.summary{max-width:calc(100% - 3.5rem);margin-right:auto;margin-left:auto;margin-top:2rem;margin-bottom:3rem}.summary>a:hover{cursor:pointer}.summary .info:hover{cursor:pointer}.summary .info>h1{margin-bottom:0.25rem;font-size:1.975rem;font-weight:500;font-family:'Sunflower', sans-serif}.summary .info>p{margin-top:0.25rem;margin-bottom:0.25rem;font-size:1.125rem}.chroma{color:#f8f8f2;background-color:#272822}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffffcc}.chroma .lnt{margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f}.chroma .ln{margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nf{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:bold}.chroma .gu{color:#75715e}