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}pre[class*=language-]{margin-bottom:15px!important}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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}.container{position:relative;width:100%;max-width:640px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:550px){.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.6em;line-height:1.6;font-weight:400;font-family:Inter,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.5rem;font-family:Inter,serif;font-weight:400}h1{font-size:3.4rem;line-height:1.2}h2{font-size:2.6rem;line-height:1.25}h3{font-size:2rem;line-height:1.3}h4{font-size:1.6rem;line-height:1.35}h5{font-size:1.4rem;line-height:1.5}h6{font-size:1.2rem;line-height:1.6;letter-spacing:0}p{margin-top:0}a:not(.icon){color:inherit;background-size:100% 200%;transition:background-position .2s ease-in-out}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#fff;background-color:#333;border-color:#333}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#fff}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle outside;margin-left:2rem}ol{list-style:decimal outside;margin-left:2rem}ol,ul{padding-left:0;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.button,button{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;src:url(../fonts/dm-serif-display-v4-latin-regular.eot);src:local('DM Serif Display Regular'),local('DMSerifDisplay-Regular'),url(../fonts/dm-serif-display-v4-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/dm-serif-display-v4-latin-regular.woff2) format('woff2'),url(../fonts/dm-serif-display-v4-latin-regular.woff) format('woff'),url(../fonts/dm-serif-display-v4-latin-regular.ttf) format('truetype'),url(../fonts/dm-serif-display-v4-latin-regular.svg#DMSerifDisplay) format('svg')}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/inter-v2-latin-regular.eot);src:local(''),url(../fonts/inter-v2-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/inter-v2-latin-regular.woff2) format('woff2'),url(../fonts/inter-v2-latin-regular.woff) format('woff'),url(../fonts/inter-v2-latin-regular.ttf) format('truetype'),url(../fonts/inter-v2-latin-regular.svg#Inter) format('svg')}html{overflow:auto}img{max-width:100%;-webkit-box-shadow:0 0 5px rgba(0,0,0,.6);-moz-box-shadow:0 0 5px rgba(0,0,0,.6);box-shadow:0 0 5px rgba(0,0,0,.6);margin-bottom:1%}@media (min-width:550px){img[alt~="_gallery"]{max-width:49.5%}img[alt$=">"]{float:right}img[alt$="<"]{float:left}img[alt$="><"]{display:block;margin:auto;float:none!important}}.center{text-align:center}.left{margin-left:0}.lit{font-size:1.5rem;font-weight:300}.little-svg{fill:#fff}.ml-0{margin-left:.7rem}.ml{margin-left:2rem}.ml-1{margin-left:5rem}.bottom{margin-block-start:0;margin-block-end:0;margin-bottom:0}.mb-1{margin-bottom:0}.mb-2{margin-bottom:5px}.mb-3{margin-bottom:20px}.mr{margin-right:32px}.mt-0{margin-top:0}.mt-2{margin-top:3rem}.mt-3{margin-top:4rem}.mx-auto{margin:auto}.mode{position:absolute;display:block;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-center{text-align:center}.text-right{text-align:right}.tag-link{margin-right:10px}.about{width:150px;height:150px;border-radius:50%}li p code{background-color:#e6e6e6;border-radius:5px;padding:0 2px;font-size:85%}body.darkmode li p code{background-color:#414141}blockquote{font-family:Inter;background-color:rgba(148,148,149,.08);margin:1.5em 0;padding:1.1em 20px 1px 20px;font-style:italic}blockquote footer{font-family:Inter;font-size:16px;padding-bottom:10px;margin-top:-10px}blockquote footer cite:before{content:"—";padding:0 .5em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgb(128 128 128 / 70%)}::-webkit-scrollbar-thumb:window-inactive{background:rgb(128 128 128 / 20%)}::-webkit-scrollbar-thumb:active{background-color:rgb(128 128 128 / 100%)}a.footer-link:focus,a.footer-link:hover{cursor:pointer}.svg-hov{transition:all .2s ease-in-out}.svg-hov:hover{transform:translateY(-3px);transition:all .2s ease-in-out}.hexo{fill:#03adfc;vertical-align:middle;padding-bottom:4px}.github{fill:#63636f}.linkedin{fill:#0073b1}.twitter{fill:#1da1f2}.instagram{fill:#e4405f}.nanobar{left:0}body{position:absolute;top:10px;left:10px;bottom:10px;right:10px;padding:5px;overflow-y:scroll;overflow-x:hidden}body.darkmode{background:#222226;color:#e6e6e6}@keyframes transitionPlay{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.hidden{display:none}#comments{text-align:center}#madewith{text-align:center}.posisi{text-align:center}a:hover{text-decoration:none}@media (min-width:550px){.posisi{text-align:right}#comments{text-align:left}#madewith{text-align:left}}h1.title{letter-spacing:2.5px;margin-bottom:6px}h1.title abbr{text-decoration:none}h2.subtitle{font-size:16px;color:#515151;letter-spacing:.025em;line-height:1.65em}a.title_link{text-decoration:none;margin-bottom:6px}figure{padding:0;margin:0}figcaption{font:Menlo,Monaco,Consolas,"Andale Mono","Ubuntu Mono","Courier New",monospace;padding:5px 10px;background:#515151;color:#fff;font-size:13px;line-height:1.5;letter-spacing:1.25px}figure pre[class*=language-]{margin-top:0!important}.pagination{margin-left:0}code[class*=language-],pre[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,"Andale Mono","Ubuntu Mono","Courier New",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#75a7ca}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#292929}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#f9f2f4}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation,.token.punctuation{color:#d4d4d4}.token.boolean,.token.constant,.token.inserted,.token.number,.token.property,.token.symbol,.token.tag,.token.unit{color:#b5cea8}.token.attr-name,.token.builtin,.token.char,.token.deleted,.token.selector,.token.string{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.entity,.token.operator{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.control-flow,.token.keyword.module{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console{color:#9cdcfe}.token.parameter{color:#9cdcfe}.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation{color:#569cd6}.token.boolean{color:#569cd6}.token.exports .token.maybe-class-name,.token.imports .token.maybe-class-name,.token.property,.token.variable{color:#9cdcfe}.token.selector{color:#d7ba7d}.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation{color:grey}.token.cdata{color:grey}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}code[class*=language-javascript],code[class*=language-jsx],code[class*=language-tsx],code[class*=language-typescript],pre[class*=language-javascript],pre[class*=language-jsx],pre[class*=language-tsx],pre[class*=language-typescript]{color:#9cdcfe}code[class*=language-css],pre[class*=language-css]{color:#ce9178}code[class*=language-html],pre[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:grey}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:#f7ebc6;box-shadow:inset 5px 0 0 #f7d87c;z-index:0;pointer-events:none;line-height:inherit;white-space:pre}pre[class*=language-].line-numbers{position:relative;padding-left:3em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}