a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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}:root{--bg-color:#fff;--text-color:#1f1f23;--popup-bg:var(--bg-color, 0.5);--img-bg-color:#eee}:root,body.dark-mode{--primary-color:#729c0b;--popup-text:var(--text-color);--popup-overlay:var(--bg-color, 0.5);--input-bg:var(--bg-color);--input-text:var(--text-color);--input-border:var(--text-color);--scrollbar-thumb:var(--text-color);--scrollbar-track:var(--bg-color);--svg-color:var(--text-color);--svg-hover:var(--primary-color);--button-bg:var(--text-color);--button-text:var(--bg-color);--button-hover:var(--primary-color);--menu-bg:var(--text-color);--menu-link:var(--bg-color);--menu-hover:var(--primary-color);--hamburger-color:var(--text-color);--hamburger-color-checked:var(--bg-color)}body.dark-mode{--bg-color:#1f1f23;--text-color:#fff;--popup-bg:var(--bg-color);--img-bg-color:#36363c}@font-face{font-family:'Inter';src:url(/font/Inter-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url(/font/Inter-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url(/font/Inter-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Inter';src:url(/font/Inter-BoldItalic.woff2) format('woff2');font-weight:700;font-style:italic;font-display:swap}body,html{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-color);color:var(--text-color);line-height:1.3em;margin:0;font-size:125%;letter-spacing:-.04em}a,a:link,a:visited{color:var(--text-color);text-decoration:none}a:hover,a:link:hover,a:visited:hover{color:var(--svg-hover);text-decoration:none}*,a,button,input,textarea{-webkit-tap-highlight-color:#fff0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}p{word-wrap:break-word;padding:10px 0}b,strong{font-weight:700}em,i{font-style:italic}table{border-collapse:collapse;border-spacing:0}td,th{padding:10px}h1{padding:20px 0;font-size:2.1875rem;line-height:1.2em}h2{font-size:1.875rem;line-height:1.1em}h2,h3{padding:15px 0}h3{font-size:1.5625rem;line-height:1.2em}h4{padding:10px 0;font-size:1.25rem;line-height:1.3em}h1,h2,h3,h4{word-wrap:break-word;font-weight:700;margin:0}input,textarea{background:var(--input-bg);color:var(--input-text);border:none;border-bottom:1px solid var(--input-border);padding:10px;margin:20px 0;width:calc(100% - 20px);font-family:Arial,sans-serif;font-size:100%}input::placeholder,textarea::placeholder{color:#aaa;opacity:1}button:focus,input:focus,select:focus,textarea:focus{outline:none}label{display:block}button,label{margin:10px 0}button{border:0;padding:10px 20px;font-family:Arial,sans-serif;font-size:100%;background-color:var(--button-bg);color:var(--button-text);cursor:pointer}button:hover{background-color:var(--button-hover)}blockquote{font-family:source-code-pro,monospace;color:var(--menu-link);background:var(--menu-bg);padding:90px 40px 40px;margin-top:20px;margin-bottom:20px;word-break:break-word;overflow-wrap:break-word;position:relative}blockquote:before{content:attr(data-title);position:absolute;top:40px}blockquote p{padding:0}@media (max-width:768px){blockquote{margin-left:-40px;margin-right:-40px}}#wrapper{max-width:1920px;margin:0 auto}#frame{width:calc(100% - 80px);padding:40px;position:relative;display:block}#mainbar{width:calc(66.666% - 80px);margin:40px;float:left}#sidebar{width:calc(33.333% - 80px);margin:40px;position:sticky;top:80px;float:right}.grid{margin:0}.grid-item{width:calc(33.333% - 80px);padding:40px}.post-content img{width:100%;height:auto}.post-content ol{list-style:decimal-leading-zero;margin:10px 0 0 37px;padding-bottom:10px}.post-content ul{list-style:disc;margin:10px 0 10px 20px}.caption,.pranala{color:#aaa}.bait{padding:10px 0}.bait p{padding:0}.img{padding:10px 0}.img1{padding:20px 0 10px}pre.kode{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;position:relative}pre.kode:before{content:attr(data-title);position:absolute;top:40px}.kode{font-family:source-code-pro,monospace;font-weight:400;color:var(--menu-link);background:var(--menu-bg);padding:90px 40px 40px;margin-top:20px;margin-bottom:20px}.h1{padding:20px 0;font-size:2.1875rem;line-height:1.2em}.h2{font-size:1.875rem;line-height:1.1em}.h2,.h3{padding:15px 0}.h3{font-size:1.5625rem;line-height:1.2em}.h4{padding:10px 0;font-size:1.25rem;line-height:1.3em}.h1,.h2,.h3,.h4{word-wrap:break-word;font-weight:700;margin:0}@media (max-width:768px){.kode{margin-left:-40px;margin-right:-40px}}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:8px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:8px}@media (max-width:768px){a:hover,a:link:hover,a:visited:hover{color:inherit}#frame{width:calc(100% - 40px);padding:20px 20px 40px}#frame #mainbar,#frame #sidebar{width:calc(100% - 40px);padding:0;margin:20px}#frame #sidebar{margin-top:0}.grid-item{width:calc(100% - 40px);padding:20px}.img,.img1{margin:0 -40px}}@media (min-width:769px) AND (max-width:1080px){a:hover,a:link:hover,a:visited:hover{color:inherit}#frame #mainbar,#frame #sidebar{width:calc(100% - 80px);padding:0;margin:40px}#frame #sidebar{margin-top:0}.grid-item{width:calc(50% - 80px);padding:40px}}@media (min-width:1367px) AND (max-width:1920px){html{font-size:125%}svg{transform:scale(1.2);margin-bottom:1px}}