:root{--warna-utama:#113cee;--warna-utama-soft:#cfd8fc;--warna-elemen:#11abee;--warna-elemen-soft:#e7f7fd;--warna-pelengkap:#5411ee;--warna-heading:#272727;--warna-paragraf:#070707;--putih:#fff;--fs-paragraf:calc(15px + 0.390625vw);--b-default:1px solid #e1e3e6}*{font-family:quicksand,sans-serif;margin:0;padding:0;box-sizing:border-box}body{text-rendering:optimizeSpeed;line-height:1.6;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:var(--warna-heading);line-height:1.5;margin-bottom:1em;inline-size:auto;overflow-wrap:break-word}p{color:var(--warna-paragraf);margin-bottom:1.5em}a{text-decoration:none}br{margin-bottom:.6em}blockquote{border-left:3px solid var(--warna-elemen);padding-left:2em;position:relative;margin:2.5em 0 3em 1.5em}blockquote::before{background-color:var(--warna-elemen);border-radius:10px 0 10px 0;color:var(--putih);content:"Catatan";font-weight:600;left:-2.5em;padding:0 7px;position:absolute;transform:rotate(-90deg)}blockquote blockquote{margin-left:0;padding-left:1em}blockquote blockquote::before{border-radius:0;content:""}.contoh-blockquote::before{display:none}figure{margin-bottom:1.5em}figure figcaption{text-align:center}.imgNoResize-Container figcaption{background-color:rgba(0,0,0,.1);color:crimson;display:table;font-size:.95em;padding:0 8px}.table-overwidth{overflow:auto}table{box-shadow:0 0 10px 2px rgba(0,0,0,.1);margin-bottom:3em}table thead tr{box-shadow:0 1px rgba(0,0,0,.1)}table thead tr th{padding:.4em 8px}table thead tr th:nth-child(odd){background-color:var(--warna-utama-soft)}table thead tr th:nth-child(even){background-color:var(--warna-elemen-soft)}table tbody tr{box-shadow:0 1px rgba(0,0,0,.1)}table tbody tr td{padding:.4em 8px}table tbody tr td:nth-child(odd){background-color:var(--warna-utama-soft)}table tbody tr td:nth-child(even){background-color:var(--warna-elemen-soft)}code{background-color:rgba(0,0,0,.1);padding:0 6px;border-radius:5px;inline-size:auto;overflow-wrap:break-word}.highlight{margin:1.5em 0}.highlight pre{border-radius:10px;padding:1.2em .5em;overflow:auto}.highlight pre *{font-family:source code pro,monospace}.highlight pre code{background-color:unset;padding:unset;border-radius:unset}.overflow{overflow:auto}.resizeImg{width:100%}.imgNoResize{max-width:100%}.red{color:crimson}.singlepage-content .share-btn-container{display:flex;justify-content:space-around;margin-top:1.2em}.singlepage-content .share-btn-container .facebook-btn svg{width:calc(1em + 24px);height:calc(1em + 18px)}.singlepage-content .share-btn-container .twitter-btn svg{width:calc(1em + 24px);height:calc(1em + 18px)}.singlepage-content .share-btn-container .pinterest-btn svg{width:calc(1em + 24px);height:calc(1em + 18px)}.singlepage-content .share-btn-container .whatsapp-btn svg{width:calc(1em + 24px);height:calc(1em + 18px)}.singlepage-content .div-contents{box-shadow:0 0 5px 2px rgba(0,0,0,.5);padding:.1em 0 0;margin:2em 0;border-radius:12px}.singlepage-content .div-contents h2{text-align:center;margin:0 1em .2em}.singlepage-content .div-contents .item-div-contents{background-color:var(--warna-elemen-soft);padding:1em .8em}.singlepage-content .search-containers,.singlepage-content .search-containerss,.singlepage-content .search-containers.active,.singlepage-content .search-containerss.active{max-width:100%}.singlepage-content .search-containers input,.singlepage-content .search-containerss input,.singlepage-content .search-containers.active input,.singlepage-content .search-containerss.active input{width:100%;height:2.5em;padding:0 8px}.singlepage-content .search-containers .autosuggests,.singlepage-content .search-containers .autosuggestss,.singlepage-content .search-containerss .autosuggests,.singlepage-content .search-containerss .autosuggestss,.singlepage-content .search-containers.active .autosuggests,.singlepage-content .search-containers.active .autosuggestss,.singlepage-content .search-containerss.active .autosuggests,.singlepage-content .search-containerss.active .autosuggestss{display:block;font-weight:600;list-style:decimal;list-style-position:inside;margin:1em 0}.singlepage-content .search-containers .autosuggests li,.singlepage-content .search-containers .autosuggestss li,.singlepage-content .search-containerss .autosuggests li,.singlepage-content .search-containerss .autosuggestss li,.singlepage-content .search-containers.active .autosuggests li,.singlepage-content .search-containers.active .autosuggestss li,.singlepage-content .search-containerss.active .autosuggests li,.singlepage-content .search-containerss.active .autosuggestss li{padding:0 10px;margin-bottom:10px}.singlepage-content .search-containers .autosuggests li:hover,.singlepage-content .search-containers .autosuggestss li:hover,.singlepage-content .search-containerss .autosuggests li:hover,.singlepage-content .search-containerss .autosuggestss li:hover,.singlepage-content .search-containers.active .autosuggests li:hover,.singlepage-content .search-containers.active .autosuggestss li:hover,.singlepage-content .search-containerss.active .autosuggests li:hover,.singlepage-content .search-containerss.active .autosuggestss li:hover{background-color:rgba(0,0,0,5%)}.singlepage-content .search-containers .autosuggests li a,.singlepage-content .search-containers .autosuggestss li a,.singlepage-content .search-containerss .autosuggests li a,.singlepage-content .search-containerss .autosuggestss li a,.singlepage-content .search-containers.active .autosuggests li a,.singlepage-content .search-containers.active .autosuggestss li a,.singlepage-content .search-containerss.active .autosuggests li a,.singlepage-content .search-containerss.active .autosuggestss li a{font-size:1.2em}.singlepage-content .search-containers .autosuggests,.singlepage-content .search-containers .autosuggestss,.singlepage-content .search-containerss .autosuggests,.singlepage-content .search-containerss .autosuggestss{display:none}.singlepage-content .search-containers.active .autosuggests,.singlepage-content .search-containers.active .autosuggestss,.singlepage-content .search-containerss.active .autosuggests,.singlepage-content .search-containerss.active .autosuggestss{background-color:rgba(0,0,0,6%);overflow-wrap:break-word;max-height:400px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--warna-elemen)var(--warna-elemen-soft)}.singlepage-content .search-containers{margin-bottom:2em}.singlepage-content .search-containerss .autosuggestss li a{color:var(--putih)}.singlepage-content a{border-bottom:1px solid var(--warna-utama-soft);color:var(--warna-utama)}.singlepage-content a:visited{color:var(--warna-pelengkap)}.singlepage-content .slug-artikel a,.singlepage-content .slug-artikel .pembatas-slug{border-bottom:unset;color:inherit}.singlepage-content ul,.singlepage-content ol{line-height:1.7;margin:1.5em 0}.singlepage-content ul li,.singlepage-content ol li{padding-left:.2em;margin-bottom:1.5em;margin-left:1em}.singlepage-content ul li::marker,.singlepage-content ol li::marker{color:#11abee;font-weight:600}.singlepage-content ul li ul,.singlepage-content ul li ol,.singlepage-content ol li ul,.singlepage-content ol li ol{margin-left:1.5em}.singlepage-content ul{list-style:square}.singlepage-content .container-content article h2{margin-top:3.5em}.singlepage-content .container-content article h3,.singlepage-content .container-content article h4,.singlepage-content .container-content article h5,.singlepage-content .container-content article h6{margin-top:2.2em}.singlepage-content .container-content article .categories-container{box-shadow:0 0 4px rgba(0,0,0,.2);text-align:center;padding:4px 0}.singlepage-content .container-content article .categories-container a{border-bottom:none}.singlepage-content .container-content article .tags-container{box-shadow:0 1px 4px rgba(0,0,0,.2);text-align:center;padding:4px 0}.singlepage-content .container-content article .tags-container a{border-bottom:none}.singlepage-content .container-content article .NextPrev-container{display:grid;grid-auto-flow:column;margin:1.4em 0 2em;gap:1em}.singlepage-content .container-content article .NextPrev-container .prev{background-color:var(--warna-pelengkap);border-radius:8px;color:var(--putih);font-weight:600;padding:.2em .5em;justify-self:start}.singlepage-content .container-content article .NextPrev-container .prev:hover{background-color:rgba(84,17,238,.9);color:var(--warna-elemen-soft)}.singlepage-content .container-content article .NextPrev-container .next{background-color:var(--warna-pelengkap);border-radius:8px;color:var(--warna-elemen-soft);font-weight:600;padding:.2em .5em;justify-self:end}.singlepage-content .container-content article .NextPrev-container .next:hover{background-color:rgba(84,17,238,.9);color:var(--warna-elemen-soft)}.indexhtml-content .index-head{background-color:var(--warna-elemen);position:absolute;top:0;left:0;height:40vh;width:100vw;display:grid;place-content:center;padding:0 12px}.indexhtml-content .index-head h1{color:var(--warna-elemen-soft);text-align:center}.indexhtml-content .index-head p{max-width:60%;color:var(--warna-elemen-soft);font-weight:600;margin-left:12%}.indexhtml-content .indexhtml-article{display:flex;flex-direction:column;gap:2vw;margin-top:40vh}.indexhtml-content .indexhtml-article h2{text-align:center;margin-bottom:0;background-color:#87cefa}.halaman-404 .container-404{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.halaman-404 .container-404 h1 div{box-shadow:0 0 0 1.4em var(--warna-elemen-soft);padding:14px;text-align:center;animation:error404 2s ease-in-out 1s infinite alternate}@keyframes error404{0%{color:crimson}50%{color:var(--warna-elemen)}100%{color:#7fffd4}}.halaman-404 .container-404 h2{text-align:center}.halaman-404 .container-404 h2 a{border-bottom:1em solid}.golang-content-container,.toml-content-container,.yaml-content-container,.hugo-content-container,.markdown-content-container,.json-content-container,.js-dasar-content-container,.all-post ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.3em 1.3em;padding:1em}.golang-content-container h3,.toml-content-container h3,.yaml-content-container h3,.hugo-content-container h3,.markdown-content-container h3,.json-content-container h3,.js-dasar-content-container h3,.all-post ul h3{margin-bottom:0}.golang-content-container .list-item-article,.toml-content-container .list-item-article,.yaml-content-container .list-item-article,.hugo-content-container .list-item-article,.markdown-content-container .list-item-article,.json-content-container .list-item-article,.js-dasar-content-container .list-item-article,.all-post ul .list-item-article{background-color:#0000000d;padding:1em;border-radius:1em}.titleKustom-1{text-align:center}.waktu-posting{display:block;margin:.4em 0 1em}.section{position:relative;margin-bottom:3rem;max-height:500px;overflow:scroll;scrollbar-width:thin;scrollbar-color:var(--warna-elemen)var(--warna-elemen-soft)}.contact-title{text-align:center}.hidden{display:none}.form-subscribe{background-color:var(--warna-pelengkap);padding:4em 4em 2.5em;display:flex;flex-direction:column;max-width:100%}.form-subscribe h4{color:var(--putih)}.form-subscribe h4 label span{border-bottom:3px solid;color:coral;font-size:1.2em}.form-subscribe input[type=text]{font-size:1em;font-weight:600;padding:.5em .7em;margin:2.6em 0 1em}.form-subscribe input[type=submit]{background-color:var(--warna-elemen);transition:all .1s}.form-subscribe input[type=submit]:hover{background-color:#11abe1}.container-comments,.reply-comments-form{display:grid;max-width:100%;gap:.8em;margin:2em 0}.container-comments h4,.reply-comments-form h4{display:flex}.container-comments h4 span:first-of-type,.reply-comments-form h4 span:first-of-type{flex-grow:0;margin-right:8px}.container-comments h4 span:last-of-type,.reply-comments-form h4 span:last-of-type{flex-grow:9;border-bottom:3px solid rgba(0,0,0,.4);align-self:center}.container-comments ul,.reply-comments-form ul{list-style:none}.container-comments ul li,.reply-comments-form ul li{display:flex;gap:1.5em;margin-left:0;padding-left:0}.container-comments ul li .avatar img,.reply-comments-form ul li .avatar img{width:3.5em;pointer-events:none}.container-comments ul li .bagian-komentar,.reply-comments-form ul li .bagian-komentar{min-width:calc(250px + 5em)}.container-comments ul li .bagian-komentar .atas,.reply-comments-form ul li .bagian-komentar .atas{display:grid;margin-bottom:.2em;position:relative}.container-comments ul li .bagian-komentar .atas span,.reply-comments-form ul li .bagian-komentar .atas span{font-weight:600;user-select:none}.container-comments ul li .bagian-komentar .atas time,.reply-comments-form ul li .bagian-komentar .atas time{color:rgba(0,0,0,.6)}.container-comments ul li .bagian-komentar .atas .balas-komentar,.reply-comments-form ul li .bagian-komentar .atas .balas-komentar{align-self:center;background:rgba(0,0,0,.1);color:var(--warna-heading);font-size:.7em;padding:0 .5em;position:absolute;right:0;bottom:8%}.container-comments ul li .bagian-komentar .atas .balas-komentar label span:hover,.reply-comments-form ul li .bagian-komentar .atas .balas-komentar label span:hover{cursor:pointer}.container-comments ul li .bagian-komentar .atas .balas-komentar label input,.reply-comments-form ul li .bagian-komentar .atas .balas-komentar label input{display:none}.container-comments ul li .bagian-komentar p,.reply-comments-form ul li .bagian-komentar p{background:rgba(0,0,0,.8);border-radius:8px;color:var(--putih);padding:10px 14px}.container-comments ul .reply-comments,.reply-comments-form ul .reply-comments{max-width:86%;transform:translateX(16%)}.container-comments .container-textarea,.reply-comments-form .container-textarea{display:flex;flex-direction:column;max-width:88vw}.container-comments .container-textarea label::after,.reply-comments-form .container-textarea label::after{content:"*";color:crimson}.container-comments .container-textarea textarea,.reply-comments-form .container-textarea textarea{font-size:1em;padding:.3em .5em;resize:none}.container-comments .container-input,.container-comments .container-inputs,.reply-comments-form .container-input,.reply-comments-form .container-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10%;max-width:88vw;position:relative}.container-comments .container-input .label-nama,.container-comments .container-input .label-email,.container-comments .container-inputs .label-nama,.container-comments .container-inputs .label-email,.reply-comments-form .container-input .label-nama,.reply-comments-form .container-input .label-email,.reply-comments-form .container-inputs .label-nama,.reply-comments-form .container-inputs .label-email{display:flex;flex-direction:column}.container-comments .container-input .label-nama input,.container-comments .container-input .label-email input,.container-comments .container-inputs .label-nama input,.container-comments .container-inputs .label-email input,.reply-comments-form .container-input .label-nama input,.reply-comments-form .container-input .label-email input,.reply-comments-form .container-inputs .label-nama input,.reply-comments-form .container-inputs .label-email input{font-size:1em;padding:.3em .5em}.container-comments .container-input .label-nama span::after,.container-comments .container-input .label-email span::after,.container-comments .container-inputs .label-nama span::after,.container-comments .container-inputs .label-email span::after,.reply-comments-form .container-input .label-nama span::after,.reply-comments-form .container-input .label-email span::after,.reply-comments-form .container-inputs .label-nama span::after,.reply-comments-form .container-inputs .label-email span::after{content:"*";color:crimson}.container-comments .container-input .label-email,.container-comments .container-inputs .label-email,.reply-comments-form .container-input .label-email,.reply-comments-form .container-inputs .label-email{margin-bottom:.8em}.container-comments .container-input .status-email,.container-comments .container-input .status-emails,.container-comments .container-inputs .status-email,.container-comments .container-inputs .status-emails,.reply-comments-form .container-input .status-email,.reply-comments-form .container-input .status-emails,.reply-comments-form .container-inputs .status-email,.reply-comments-form .container-inputs .status-emails{position:absolute;bottom:-15%;right:0%;font-size:.8em;color:crimson}.container-comments .captcha-container,.reply-comments-form .captcha-container{position:relative;display:flex;flex-direction:column;gap:.3em}.container-comments .captcha-container .captcha-img,.container-comments .captcha-container .captcha-imgs,.reply-comments-form .captcha-container .captcha-img,.reply-comments-form .captcha-container .captcha-imgs{display:flex;max-width:calc(35% + 5em);position:relative;gap:5px;user-select:none}.container-comments .captcha-container .captcha-img img,.container-comments .captcha-container .captcha-imgs img,.reply-comments-form .captcha-container .captcha-img img,.reply-comments-form .captcha-container .captcha-imgs img{width:100%;height:2em;margin:0 auto}.container-comments .captcha-container .captcha-img span,.container-comments .captcha-container .captcha-imgs span,.reply-comments-form .captcha-container .captcha-img span,.reply-comments-form .captcha-container .captcha-imgs span{color:var(--warna-elemen);font-weight:600;opacity:.7;position:absolute;top:12%;letter-spacing:24px;width:87%;text-align:center;height:100%}.container-comments .captcha-container .captcha-img .reload-captcha,.container-comments .captcha-container .captcha-img .reload-captchas,.container-comments .captcha-container .captcha-imgs .reload-captcha,.container-comments .captcha-container .captcha-imgs .reload-captchas,.reply-comments-form .captcha-container .captcha-img .reload-captcha,.reply-comments-form .captcha-container .captcha-img .reload-captchas,.reply-comments-form .captcha-container .captcha-imgs .reload-captcha,.reply-comments-form .captcha-container .captcha-imgs .reload-captchas{background-color:var(--warna-elemen);border:none;color:var(--warna-elemen-soft);cursor:pointer;font-size:1em;font-weight:600;height:2em;width:14%}.container-comments .captcha-container .input-captcha-area,.reply-comments-form .captcha-container .input-captcha-area{max-width:calc(35% + 5em)}.container-comments .captcha-container .input-captcha-area span input[type=text],.reply-comments-form .captcha-container .input-captcha-area span input[type=text]{width:86%;padding:.3em .5em;height:2.5em}.container-comments .captcha-container .input-captcha-area span button,.reply-comments-form .captcha-container .input-captcha-area span button{background-color:var(--warna-elemen);border:none;color:var(--warna-elemen-soft);cursor:pointer;font-weight:600;height:2.5em;width:12%}.container-comments .posting-komentar,.container-comments .postingBtn,.reply-comments-form .posting-komentar,.reply-comments-form .postingBtn{background-color:var(--warna-elemen);border:none;color:var(--warna-elemen-soft);font-size:.75em;font-weight:600;height:3em;width:calc(20% + 1em);min-width:140px;cursor:pointer}.container-comments .posting-komentar:hover,.container-comments .postingBtn:hover,.reply-comments-form .posting-komentar:hover,.reply-comments-form .postingBtn:hover{background-color:#149fdb}.container-comments .captcha-container,.container-comments .postingBtn,.reply-comments-form .captcha-container,.reply-comments-form .postingBtn{margin:.8em 0}@media screen and (max-width:486px){.golang-content-container,.toml-content-container,.yaml-content-container,.hugo-content-container,.markdown-content-container,.json-content-container,.js-dasar-content-container,.all-post ul{background-color:var(--warna-elemen-soft);display:grid;row-gap:1.3em;grid-template-columns:repeat(auto-fit,minmax(222px,1fr));padding:1em}.golang-content-container h3,.toml-content-container h3,.yaml-content-container h3,.hugo-content-container h3,.markdown-content-container h3,.json-content-container h3,.js-dasar-content-container h3,.all-post ul h3{margin-bottom:0}.golang-content-container .list-item-article,.toml-content-container .list-item-article,.yaml-content-container .list-item-article,.hugo-content-container .list-item-article,.markdown-content-container .list-item-article,.json-content-container .list-item-article,.js-dasar-content-container .list-item-article,.all-post ul .list-item-article{background:unset;padding:unset;border-radius:unset}.form-subscribe{padding:3em 2em}}@media screen and (max-width:625px){.container-comments ul{scale:.9;max-width:88vw}.container-comments ul li{flex-direction:column;gap:0}.container-comments ul li .avatar{text-align:center}.container-comments ul li .avatar img{width:3.5em;pointer-events:none}.container-comments ul li .bagian-komentar{background:rgba(0,0,0,5%);border-radius:14px;padding:14px 14px 0;min-width:0}.container-comments ul li .bagian-komentar .atas{margin-top:10px}.container-comments ul li .bagian-komentar .atas span,.container-comments ul li .bagian-komentar .atas time{max-width:92%}.container-comments ul li .bagian-komentar .atas .balas-komentar{bottom:100%;background:rgba(0,0,0,.4);color:var(--putih);font-size:.8em;font-weight:600;padding:0 .5em 2px;right:-12px;border-radius:6px}.container-comments ul li .bagian-komentar-pengunjung{background:rgba(0,0,0,5%);padding:14px 14px 0;border-radius:14px}.container-comments ul li .bagian-komentar-pengunjung .atas{margin-top:10px}.container-comments ul li .bagian-komentar-pengunjung .atas span,.container-comments ul li .bagian-komentar-pengunjung .atas time{max-width:66vw}.container-comments ul li .bagian-komentar-pengunjung .atas div{bottom:100%;background:rgba(0,0,0,.4);color:var(--putih);font-size:.8em;font-weight:600;padding:0 .5em 2px;right:-6%}.container-comments ul .reply-comments{max-width:86%;transform:translateX(16%)}}@media screen and (min-width:0px) and (max-width:702px){.captcha-img,.input-captcha-area{min-width:272px}}@media screen and (min-width:0px) and (max-width:575px){body{font-size:calc(15px + .390625vw)}h1{font-size:calc(25px + 1.09vw);overflow:auto}h2{font-size:calc(22px + 1.12vw)}h3{font-size:calc(20px + .886vw)}h4{font-size:calc(18px + .7323vw)}h5{font-size:calc(16px + .81vw)}h6{font-size:calc(15px + .390625vw)}.golang,.hugo,.markdown,.toml,.yaml,.json{background-color:var(--warna-elemen);border:var(--b-default);border-radius:16px;color:var(--putih);display:grid;height:60vw;padding:.5em;place-items:center;position:relative;overflow:hidden}.golang div,.hugo div,.markdown div,.toml div,.yaml div,.json div{max-width:90%;z-index:1}.golang .img-golang,.hugo .img-golang,.markdown .img-golang,.toml .img-golang,.yaml .img-golang,.json .img-golang{height:50%;position:absolute;right:0;top:30%;opacity:.95}.golang .img-hugo,.hugo .img-hugo,.markdown .img-hugo,.toml .img-hugo,.yaml .img-hugo,.json .img-hugo{position:absolute;bottom:10%;opacity:.95;width:30%;right:4%}.golang .img-markdown,.hugo .img-markdown,.markdown .img-markdown,.toml .img-markdown,.yaml .img-markdown,.json .img-markdown{position:absolute;bottom:10%;opacity:.95;width:20%;right:4%}.golang .img-toml,.golang .img-yaml,.golang .img-json,.hugo .img-toml,.hugo .img-yaml,.hugo .img-json,.markdown .img-toml,.markdown .img-yaml,.markdown .img-json,.toml .img-toml,.toml .img-yaml,.toml .img-json,.yaml .img-toml,.yaml .img-yaml,.yaml .img-json,.json .img-toml,.json .img-yaml,.json .img-json{position:absolute;bottom:10%;opacity:.95;width:20%;right:4%}.javascript-dasar{background-color:#f0db4f;border:var(--b-default);border-radius:16px;color:var(--putih);display:grid;height:60vw;padding:.5em;place-items:center;position:relative;overflow:hidden}.javascript-dasar div{max-width:90%;z-index:1}.javascript-dasar .img-js{position:absolute;bottom:10%;opacity:.95;width:20%;right:4%}header{border-bottom:var(--b-default);display:flex;font-weight:600;height:110px;position:sticky;z-index:999}header .containers-logo{width:100%;display:flex;justify-content:start;align-items:center}header .containers-logo .logo-header{margin:20px 0 64px 8%;letter-spacing:1px}header span a.logo-header{border-right:.15em solid;overflow:hidden;white-space:nowrap;animation:typing 3.5s steps(40,end)5 alternate forwards}@keyframes typing{0%{width:0}50%{width:calc(150px + .3em)}75%{border-color:transparent;border-color:#070707;width:calc(150px + .3em)}100%{width:calc(150px + .3em);border-color:transparent}}header a,header .label-menu-belajar{color:var(--warna-paragraf)}header a:hover,header .label-menu-belajar:hover{color:var(--warna-elemen)}header input[type=checkbox]{display:none}header input[type=checkbox]:checked~nav{display:flex}header .menu-container{border-bottom:var(--b-default);background-color:var(--putih);display:none;flex-direction:column;gap:16px;justify-content:center;padding:20px;position:absolute;top:110px;left:0;width:100vw}header .menu-container .desktop-tablet-menu-belajar{display:none}header .menu-container a,header .menu-container details{color:var(--warna-paragraf);padding-left:8%;padding-right:8%}header .menu-container a:hover,header .menu-container details:hover{color:var(--warna-elemen)}header .menu-container details nav{border-top:var(--b-default);border-bottom:var(--b-default);display:grid;gap:5px 5px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:16px;place-items:center;padding:4px}header .menu-container details nav *{color:unset;padding:unset}header .menu-container details nav * img{max-width:110px}header .menu-container details[open] summary::after{position:absolute;right:11%;transform:rotate(90deg)}header .menu-container details summary{cursor:pointer;list-style:none}header .menu-container details summary::after{content:"\203A";position:absolute;right:12%;scale:2}header .label-mobile-menu-icon{padding:0 10px;position:absolute;right:8%;scale:1.6;top:20px;user-select:none;font-size:1.2em}header .search-container{margin:0;max-width:unset;position:absolute;top:60px;left:8%;width:84%}header .search-container input[type=text]{width:80%;padding:6px}header .search-container input[type=text]:focus{outline:none}header .search-container [type=submit]{background-color:var(--warna-utama);font-size:calc(5px + 2vw);width:18%}header .search-container .autosuggest{background-color:var(--warna-elemen);border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:none;list-style:none;width:80%;max-height:190px;overflow-y:scroll}header .search-container .autosuggest li{padding:8px}header .search-container .autosuggest li a{color:var(--putih)}header .search-container .autosuggest li:hover{background-color:#0e91ca}header .search-container.active .autosuggest{display:block}footer{align-content:center;background-color:var(--warna-paragraf);color:var(--putih);display:grid;height:220px;place-items:center;gap:20px;padding:20px 10px 10px}footer .links{font-weight:600;display:flex;flex-wrap:wrap;gap:5vw;justify-content:space-around}footer .links a{color:var(--putih)}footer .copyright{text-align:center;scale:.9}.indexhtml-article h2{text-align:start;margin-bottom:.4em}.content{min-height:100vh;padding:2em 1em;position:relative}.content .indexhtml-content{padding:var(--fs-paragraf)}.content .indexhtml-content a{color:var(--warna-utama)}.content .indexhtml-content a:visited{color:var(--warna-pelengkap)}.content .indexhtml-content a:hover{color:var(--warna-elemen)}.content .all-post h1{text-align:center;margin-bottom:2.4rem}.content .all-post ul{display:grid;background:0 0;gap:25px;list-style:none}.content .all-post ul li{box-shadow:0 0 3px 3px rgba(0,0,0,.2);padding:1em;list-style:none;background:#fff;background:-moz-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:-webkit-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cfd8fc",GradientType=1);border-radius:1em 0}.content .all-post ul li article h3{margin-bottom:.5rem}.content .all-post ul li article p{margin:.5em 0}.content .all-post ul li article .author-card{display:flex;align-items:center}.content .all-post ul li article .author-card img{width:40px;height:40px}.content .all-post ul li article .author-card div{display:flex;flex-direction:column;font-size:calc(1em - 14.6%);margin-left:14px}.content .all-paginator{display:flex;justify-content:center;gap:1.5em}.content .all-paginator .paginator{font-weight:600;margin-top:2em;text-align:center}.content .all-paginator .paginator a{padding:10px;background-color:var(--warna-elemen);color:var(--putih)}.content .singlepage-content{max-width:97%;margin:0 auto}.content .singlepage-content .container-content .toc-melayang{background-color:#57c3f3;border-radius:6px;bottom:2%;color:var(--warna-elemen-soft);cursor:pointer;display:grid;font-weight:600;max-width:92vw;max-height:50vh;position:fixed;padding:0 10px;right:4%;scroll-behavior:smooth;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--warna-elemen-soft)rgba(0,0,0,.1);z-index:9999}.content .singlepage-content .container-content .toc-melayang details[open]{color:brown}.content .singlepage-content .container-content .toc-melayang details[open] summary{display:flex;justify-content:space-between;margin:10px}.content .singlepage-content .container-content .toc-melayang details[open] summary::after{background-color:rgba(0,0,0,.1);border-radius:4px;content:"x Tutup";cursor:pointer;margin-left:10%;padding:0 10px}.content .singlepage-content .container-content .toc-melayang details nav *{color:var(--warna-elemen-soft);list-style:none}.content .singlepage-content .container-content .toc-stiky{display:none}}@media screen and (max-width:332px){.golang,.hugo,.markdown,.toml,.yaml,.json,.javascript-dasar{height:68vw}}@media screen and (min-width:576px) and (max-width:960px){body{font-size:calc(15px + .390625vw)}h1{font-size:calc(40px + .335391vw)}h2{font-size:calc(28px + .13375vw)}h3{font-size:calc(22px + .476vw)}h4{font-size:calc(20px + .372vw)}h5{font-size:calc(17px + .371vw)}h6{font-size:calc(15px + .390625vw)}.golang,.hugo,.markdown,.toml,.yaml,.json{background-color:var(--warna-elemen);border:var(--b-default);color:var(--putih);display:grid;height:46vw;padding:1em;place-items:center;position:relative;overflow:hidden;margin:0 -1.9em;margin-bottom:1.15rem}.golang div,.hugo div,.markdown div,.toml div,.yaml div,.json div{max-width:90%;z-index:1}.golang .img-golang,.hugo .img-golang,.markdown .img-golang,.toml .img-golang,.yaml .img-golang,.json .img-golang{height:50%;position:absolute;right:0;top:30%;opacity:.95}.golang .img-hugo,.hugo .img-hugo,.markdown .img-hugo,.toml .img-hugo,.yaml .img-hugo,.json .img-hugo{position:absolute;bottom:10%;right:5%;opacity:.95;width:25%}.golang .img-markdown,.hugo .img-markdown,.markdown .img-markdown,.toml .img-markdown,.yaml .img-markdown,.json .img-markdown{position:absolute;bottom:10%;right:5%;opacity:.95;width:15%}.golang .img-toml,.golang .img-yaml,.golang .img-json,.hugo .img-toml,.hugo .img-yaml,.hugo .img-json,.markdown .img-toml,.markdown .img-yaml,.markdown .img-json,.toml .img-toml,.toml .img-yaml,.toml .img-json,.yaml .img-toml,.yaml .img-yaml,.yaml .img-json,.json .img-toml,.json .img-yaml,.json .img-json{position:absolute;bottom:10%;right:5%;opacity:.95;width:15%}.javascript-dasar{background-color:#f0db4f;border:var(--b-default);color:var(--putih);display:grid;height:46vw;padding:1em;place-items:center;position:relative;overflow:hidden;margin:0 -1.9em;margin-bottom:1.15rem}.javascript-dasar div{max-width:90%;z-index:1}.javascript-dasar .img-js{position:absolute;bottom:10%;right:5%;opacity:.95;width:15%}header{border-bottom:var(--b-default);display:flex;font-weight:600;height:83px;position:sticky;z-index:999}header .containers-logo{display:flex;width:100%;margin:auto}header .containers-logo .logo-header{margin:32px 0 23px 10%}header span a.logo-header{border-right:.15em solid;overflow:hidden;white-space:nowrap;animation:typing 3s steps(40,end)5 alternate forwards}@keyframes typing{0%{width:0}50%{width:calc(143px + .5em)}75%{border-color:transparent;border-color:#070707;width:calc(143px + .5em)}100%{width:calc(143px + .5em);border-color:transparent}}header a,header .label-menu-belajar{color:var(--warna-paragraf)}header a:hover,header .label-menu-belajar:hover{color:var(--warna-elemen)}header input[type=checkbox]{display:none}header input[type=checkbox]:checked~nav{display:flex}header .menu-container{border-bottom:var(--b-default);background-color:var(--putih);display:none;flex-direction:column;gap:16px;justify-content:center;padding:20px;position:absolute;top:83px;left:0;width:100vw}header .menu-container .desktop-tablet-menu-belajar{display:none}header .menu-container a,header .menu-container details{color:var(--warna-paragraf);padding-left:8%;padding-right:8%}header .menu-container a:hover,header .menu-container details:hover{color:var(--warna-elemen)}header .menu-container details nav{border-top:var(--b-default);border-bottom:var(--b-default);display:grid;gap:5px 5px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:16px;place-items:center;padding:4px}header .menu-container details nav *{color:unset;padding:unset}header .menu-container details nav * img{max-width:120px}header .menu-container details[open] summary::after{position:absolute;right:11%;transform:rotate(90deg)}header .menu-container details summary{cursor:pointer;list-style:none}header .menu-container details summary::after{content:"\203A";position:absolute;right:12%;scale:2}header .label-mobile-menu-icon{padding:0 10px;position:absolute;right:8%;scale:1.8;top:29px;user-select:none}header .search-container{margin:0;max-width:unset;position:absolute;top:23px;right:15%;width:42%}header .search-container input[type=text]{width:80%;padding:6px}header .search-container input[type=text]:focus{outline:none}header .search-container [type=submit]{background-color:var(--warna-utama);font-size:calc(5px + .95vw);width:18%}header .search-container .autosuggest{background-color:var(--warna-elemen);border-bottom-left-radius:6px;border-bottom-right-radius:6px;list-style:none;width:80%;max-height:190px;overflow-y:scroll;display:none}header .search-container .autosuggest li{padding:8px}header .search-container .autosuggest li a{color:var(--putih)}header .search-container .autosuggest li:hover{background-color:#0e91ca}header .search-container.active .autosuggest{display:block}footer{align-content:space-evenly;background-color:var(--warna-paragraf);color:var(--putih);display:grid;font-weight:600;height:120px;place-items:center}footer .links{display:flex;gap:2vw}footer .links a{color:var(--putih)}footer .links a:hover{color:var(--warna-elemen)}footer .copyright{font-weight:400;scale:.9;text-align:center}.content{min-height:100vh;padding:2em 1em;position:relative}.content .indexhtml-content{padding:var(--fs-paragraf)}.content .indexhtml-content a{color:var(--warna-utama)}.content .indexhtml-content a:visited{color:var(--warna-pelengkap)}.content .indexhtml-content a:hover{color:var(--warna-elemen)}.content .all-post{margin:0 auto;max-width:86%}.content .all-post h1{text-align:center;margin-bottom:2.4rem}.content .all-post ul{display:grid;background:0 0;gap:25px;list-style:none}.content .all-post ul li{box-shadow:0 0 3px 3px rgba(0,0,0,.2);padding:1em;list-style:none;background:#fff;background:-moz-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:-webkit-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cfd8fc",GradientType=1);border-radius:1em 0}.content .all-post ul li article h3{margin-bottom:.5rem}.content .all-post ul li article p{margin:.5em 0}.content .all-post ul li article .author-card{display:flex;align-items:center}.content .all-post ul li article .author-card img{width:40px;height:40px}.content .all-post ul li article .author-card div{display:flex;flex-direction:column;font-size:calc(1em - 14.6%);margin-left:14px}.content .all-paginator{display:flex;justify-content:center;gap:1.5em}.content .all-paginator .paginator{font-weight:600;margin-top:2em;text-align:center}.content .all-paginator .paginator a{padding:10px;background-color:var(--warna-elemen);color:var(--putih)}.content .singlepage-content{max-width:83.3333333333%;margin:0 auto}.content .singlepage-content .container-content .toc-melayang{background-color:#57c3f3;border-radius:6px;bottom:2%;color:var(--warna-elemen-soft);cursor:pointer;display:grid;font-weight:600;max-width:92vw;max-height:50vh;position:fixed;padding:0 10px;right:4%;scroll-behavior:smooth;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--warna-elemen-soft)rgba(0,0,0,.1);z-index:9999}.content .singlepage-content .container-content .toc-melayang details[open]{color:brown}.content .singlepage-content .container-content .toc-melayang details[open] summary{display:flex;justify-content:space-between;margin:10px}.content .singlepage-content .container-content .toc-melayang details[open] summary::after{background-color:rgba(0,0,0,.1);border-radius:4px;content:"x Tutup";cursor:pointer;margin-left:10%;padding:0 10px}.content .singlepage-content .container-content .toc-melayang details nav *{color:var(--warna-elemen-soft);list-style:none}.content .singlepage-content .container-content .toc-stiky{display:none}}@media screen and (min-width:961px) and (max-width:1200px){body{font-size:calc(15px + .390625vw)}h1{font-size:calc(40px + .4vw)}h2{font-size:calc(28px + .2vw)}h3{font-size:calc(25px + .201vw)}h4{font-size:calc(22px + .201vw)}h5{font-size:calc(20px + .136vw)}h6{font-size:calc(15px + .390625vw)}.golang,.hugo,.markdown,.toml,.yaml,.json{background-color:var(--warna-elemen);border:var(--b-default);color:var(--putih);display:grid;height:46vw;padding:1em 5em;place-items:center;position:relative;overflow:hidden;margin:0 -2.284em;margin-bottom:1.15rem}.golang div,.hugo div,.markdown div,.toml div,.yaml div,.json div{max-width:90%;z-index:1}.golang .img-golang,.hugo .img-golang,.markdown .img-golang,.toml .img-golang,.yaml .img-golang,.json .img-golang{height:50%;position:absolute;right:7%;top:30%;opacity:.95}.golang .img-hugo,.hugo .img-hugo,.markdown .img-hugo,.toml .img-hugo,.yaml .img-hugo,.json .img-hugo{position:absolute;bottom:10%;right:5%;opacity:.95;width:22%}.golang .img-markdown,.hugo .img-markdown,.markdown .img-markdown,.toml .img-markdown,.yaml .img-markdown,.json .img-markdown{position:absolute;bottom:10%;right:5%;opacity:.95;width:12%}.golang .img-toml,.golang .img-yaml,.golang .img-json,.hugo .img-toml,.hugo .img-yaml,.hugo .img-json,.markdown .img-toml,.markdown .img-yaml,.markdown .img-json,.toml .img-toml,.toml .img-yaml,.toml .img-json,.yaml .img-toml,.yaml .img-yaml,.yaml .img-json,.json .img-toml,.json .img-yaml,.json .img-json{position:absolute;bottom:10%;right:5%;opacity:.95;width:12%}.javascript-dasar{background-color:#f0db4f;border:var(--b-default);color:var(--putih);display:grid;height:46vw;padding:1em 5em;place-items:center;position:relative;overflow:hidden;margin:0 -2.284em;margin-bottom:1.15rem}.javascript-dasar div{max-width:90%;z-index:1}.javascript-dasar .img-js{position:absolute;bottom:10%;right:5%;opacity:.95;width:12%}header{border-bottom:var(--b-default);display:flex;font-weight:600;height:83px;position:sticky;z-index:999}header .containers-logo{display:flex;width:100%;margin:auto}header .containers-logo .logo-header{margin:32px 0 23px 9.5%}header span a.logo-header{border-right:.15em solid;overflow:hidden;white-space:nowrap;animation:typing 3s steps(40,end)infinite alternate}@keyframes typing{0%{width:0}50%{width:calc(155px + .2em)}75%{border-color:transparent;border-color:#070707;width:calc(155px + .2em)}100%{width:calc(155px + .2em);border-color:transparent}}header a,header .label-menu-belajar{color:var(--warna-paragraf)}header a:hover,header .label-menu-belajar:hover{color:var(--warna-elemen)}header input[type=checkbox]{display:none}header input[type=checkbox]:checked~nav{display:flex;transition:all 3s ease-in-out}header .menu-container{border-bottom:var(--b-default);background-color:var(--putih);display:none;flex-direction:column;gap:16px;justify-content:center;padding:20px;position:absolute;top:83px;left:0;width:100vw}header .menu-container .desktop-tablet-menu-belajar{display:none}header .menu-container a,header .menu-container details{color:var(--warna-paragraf);padding-left:8%;padding-right:8%}header .menu-container a:hover,header .menu-container details:hover{color:var(--warna-elemen)}header .menu-container details nav{border-top:var(--b-default);border-bottom:var(--b-default);display:grid;gap:5px 5px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:16px;place-items:center;padding:4px}header .menu-container details nav *{color:unset;padding:unset}header .menu-container details nav * img{max-width:120px}header .menu-container details[open] summary::after{position:absolute;right:11%;transform:rotate(90deg)}header .menu-container details summary{cursor:pointer;list-style:none}header .menu-container details summary::after{content:"\203A";position:absolute;right:12%;scale:2}header .label-mobile-menu-icon{padding:0 10px;position:absolute;right:8%;scale:1.8;top:29px;user-select:none}header .search-container{margin:0;max-width:unset;position:absolute;top:23px;right:15%;width:40%}header .search-container input[type=text]{width:80%;padding:6px}header .search-container input[type=text]:focus{outline:none}header .search-container [type=submit]{background-color:var(--warna-utama);font-size:calc(5px + .95vw);width:18%}header .search-container .autosuggest{background-color:var(--warna-elemen);border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:none;list-style:none;width:80%;max-height:190px;overflow-y:scroll}header .search-container .autosuggest li{padding:8px}header .search-container .autosuggest li a{color:var(--putih)}header .search-container .autosuggest li:hover{background-color:#0e91ca}header .search-container.active .autosuggest{display:block}footer{align-content:space-evenly;background-color:var(--warna-paragraf);color:var(--putih);display:grid;font-weight:600;height:120px;place-items:center}footer .links{display:flex;gap:2vw}footer .links a{color:var(--putih)}footer .links a:hover{color:var(--warna-elemen)}footer .copyright{font-weight:400;scale:.9;text-align:center}.content{min-height:100vh;padding:2em 1em;position:relative}.content .indexhtml-content{margin:0 auto;max-width:86%}.content .indexhtml-content a{color:var(--warna-utama)}.content .indexhtml-content a:visited{color:var(--warna-pelengkap)}.content .indexhtml-content a:hover{color:var(--warna-elemen)}.content .all-post{max-width:86%;margin:0 auto}.content .all-post h1{text-align:center;margin-bottom:2.4rem}.content .all-post ul{display:grid;background:0 0;gap:25px;list-style:none}.content .all-post ul li{box-shadow:0 0 3px 3px rgba(0,0,0,.2);padding:1em;list-style:none;background:#fff;background:-moz-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:-webkit-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cfd8fc",GradientType=1);border-radius:1em 0}.content .all-post ul li article h3{margin-bottom:.5rem}.content .all-post ul li article p{margin:.5em 0}.content .all-post ul li article .author-card{display:flex;align-items:center}.content .all-post ul li article .author-card img{width:40px;height:40px}.content .all-post ul li article .author-card div{display:flex;flex-direction:column;font-size:calc(1em - 14.6%);margin-left:14px}.content .all-paginator{display:flex;justify-content:center;gap:1.5em}.content .all-paginator .paginator{font-weight:600;margin-top:2em;text-align:center}.content .all-paginator .paginator a{padding:10px;background-color:var(--warna-elemen);color:var(--putih)}.content .singlepage-content{max-width:83.3333333333%;margin:0 auto}.content .singlepage-content .container-content .toc-melayang{background-color:#57c3f3;border-radius:6px;bottom:2%;color:var(--warna-elemen-soft);cursor:pointer;display:grid;font-weight:600;max-width:92vw;max-height:50vh;position:fixed;padding:0 10px;right:4%;scroll-behavior:smooth;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--warna-elemen-soft)rgba(0,0,0,.1);z-index:9999}.content .singlepage-content .container-content .toc-melayang details[open]{color:brown}.content .singlepage-content .container-content .toc-melayang details[open] summary{display:flex;justify-content:space-between;margin:10px}.content .singlepage-content .container-content .toc-melayang details[open] summary::after{background-color:rgba(0,0,0,.1);border-radius:4px;content:"x Tutup";cursor:pointer;margin-left:10%;padding:0 10px}.content .singlepage-content .container-content .toc-melayang details nav *{color:var(--warna-elemen-soft);list-style:none}.content .singlepage-content .container-content .toc-stiky{display:none}}@media screen and (min-width:1201px) and (max-width:1440px){body{font-size:calc(15px + .390625vw)}h1{font-size:calc(50px + .239vw)}h2{font-size:calc(30px + .16vw)}h3{font-size:calc(25px + .273vw)}h4{font-size:calc(22px + .259vw)}h5{font-size:calc(20px + .196vw)}h6{font-size:calc(15px + .390625vw)}.golang,.hugo,.markdown,.toml,.yaml,.json{background-color:var(--warna-elemen);border:var(--b-default);color:var(--putih);display:grid;height:46vw;padding:1em 3em;place-items:center;position:relative;overflow:hidden;margin:0 -4.7em;margin-bottom:1.15rem}.golang div,.hugo div,.markdown div,.toml div,.yaml div,.json div{text-align:center;max-width:90%;z-index:1}.golang .img-golang,.hugo .img-golang,.markdown .img-golang,.toml .img-golang,.yaml .img-golang,.json .img-golang{height:50%;position:absolute;right:10%;top:30%;opacity:.95}.golang .img-hugo,.hugo .img-hugo,.markdown .img-hugo,.toml .img-hugo,.yaml .img-hugo,.json .img-hugo{position:absolute;bottom:10%;right:5%;opacity:.95;width:18%}.golang .img-markdown,.hugo .img-markdown,.markdown .img-markdown,.toml .img-markdown,.yaml .img-markdown,.json .img-markdown{position:absolute;bottom:10%;right:5%;opacity:.95;width:11%}.golang .img-toml,.golang .img-yaml,.golang .img-json,.hugo .img-toml,.hugo .img-yaml,.hugo .img-json,.markdown .img-toml,.markdown .img-yaml,.markdown .img-json,.toml .img-toml,.toml .img-yaml,.toml .img-json,.yaml .img-toml,.yaml .img-yaml,.yaml .img-json,.json .img-toml,.json .img-yaml,.json .img-json{position:absolute;bottom:10%;right:5%;opacity:.95;width:11%}.javascript-dasar{background-color:#f0db4f;border:var(--b-default);color:var(--putih);display:grid;height:46vw;padding:1em 3em;place-items:center;position:relative;overflow:hidden;margin:0 -4.7em;margin-bottom:1.15rem}.javascript-dasar div{text-align:center;max-width:90%;z-index:1}.javascript-dasar .img-js{position:absolute;bottom:10%;right:5%;opacity:.95;width:11%}header{align-items:center;background-color:var(--putih);border-bottom:var(--b-default);display:flex;height:5vw;justify-content:space-around;position:sticky;width:100vw;z-index:999}header input[type=checkbox],header input[type=checkbox]:checked,header label,header .search-container{display:none}header .logo-header{display:flex}header span a,header nav *{font-weight:600;color:var(--warna-paragraf)}header span a:hover,header nav *:hover{color:var(--warna-elemen)}header nav{align-items:center;display:flex;flex-direction:row;height:inherit;list-style:none}header nav .mobile-menu-belajar{display:none}header nav a{padding:1em}header nav a:hover:not(.menu-items)::before,header nav div:hover:not(div *)::before{content:"";background-color:var(--warna-pelengkap);display:block;height:5px;width:inherit;position:absolute;top:30px}header nav div{display:grid}header nav div div{background-color:var(--putih);border-bottom:var(--b-default);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));height:0;opacity:0;place-items:center;position:absolute;top:80%;transition:all 400ms ease-in-out;left:0;width:100vw;visibility:hidden}header nav div div * img{max-width:120px}header nav div span{cursor:pointer}header nav div:hover span{color:var(--warna-elemen)}header nav div:hover div{height:255%;opacity:1;visibility:visible}footer{align-content:space-evenly;background-color:var(--warna-paragraf);color:var(--putih);display:grid;font-weight:600;height:7vw;place-items:center}footer div{display:flex;gap:2vw}footer div a{color:var(--putih)}footer div a:hover{color:var(--warna-elemen)}.content{min-height:100vh;padding:2em 1em;position:relative}.content .indexhtml-content{margin:0 auto;max-width:960px}.content .indexhtml-content a{color:var(--warna-utama)}.content .indexhtml-content a:visited{color:var(--warna-pelengkap)}.content .indexhtml-content a:hover{color:var(--warna-elemen)}.content .all-post{max-width:86%;margin:0 auto}.content .all-post h1{text-align:center;margin-bottom:2.4rem}.content .all-post ul{display:grid;gap:25px;list-style:none}.content .all-post ul li{box-shadow:0 0 3px 3px rgba(0,0,0,.2);padding:1em;list-style:none;background:#fff;background:-moz-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:-webkit-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cfd8fc",GradientType=1);border-radius:1em 0}.content .all-post ul li article h3{margin-bottom:.5rem}.content .all-post ul li article p{margin:.5em 0}.content .all-post ul li article .author-card{display:flex;align-items:center}.content .all-post ul li article .author-card img{width:40px;height:40px}.content .all-post ul li article .author-card div{display:flex;flex-direction:column;font-size:calc(1em - 14.6%);margin-left:14px}.content .all-paginator{display:flex;justify-content:center;gap:1.5em}.content .all-paginator .paginator{font-weight:600;margin-top:2em;text-align:center}.content .all-paginator .paginator a{padding:10px;background-color:var(--warna-elemen);color:var(--putih)}.content .all-paginator .paginator a:hover{background:#11abee;background:-moz-linear-gradient(180deg,#11abee 0%,#1691c7 50%);background:-webkit-linear-gradient(180deg,#11abee 0%,#1691c7 50%);background:linear-gradient(180deg,#11abee 0%,#1691c7 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#11abee",endColorstr="#1691c7",GradientType=1)}.content .singlepage-content{max-width:780px;margin:0 auto}.content .singlepage-content .container-content .toc-melayang{background-color:#57c3f3;border-radius:6px;bottom:2%;color:var(--warna-elemen-soft);cursor:pointer;display:grid;font-weight:600;max-width:92vw;max-height:50vh;position:fixed;padding:0 10px;right:4%;scroll-behavior:smooth;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--warna-elemen-soft)rgba(0,0,0,.1);z-index:9999}.content .singlepage-content .container-content .toc-melayang details[open]{color:brown}.content .singlepage-content .container-content .toc-melayang details[open] summary{display:flex;justify-content:space-between;margin:10px}.content .singlepage-content .container-content .toc-melayang details[open] summary::after{background-color:rgba(0,0,0,.1);border-radius:4px;content:"x Tutup";cursor:pointer;margin-left:10%;padding:0 10px}.content .singlepage-content .container-content .toc-melayang details nav *{color:var(--warna-elemen-soft);list-style:none}.content .singlepage-content .container-content .toc-stiky{display:none}}@media screen and (min-width:1441px){body{font-size:calc(15px + .390625vw)}h1{font-size:calc(52px + .313vw)}h2{font-size:calc(42px + .24vw)}h3{font-size:calc(35px + .203vw)}h4{font-size:calc(28px + .282vw)}h5{font-size:calc(24px + .157vw)}h6{font-size:calc(15px + .390625vw)}.ratakan-title{max-width:70%;margin:0 auto;margin-bottom:.5em}.ratakan-article{margin:0 auto}.golang,.hugo,.markdown,.toml,.yaml,.json{background-color:var(--warna-elemen);border:var(--b-default);border-radius:24px;color:var(--putih);display:grid;height:35vw;padding:1em 3em;place-items:center;position:relative;overflow:hidden;margin:0 -4em;margin-bottom:1.15rem}.golang div,.hugo div,.markdown div,.toml div,.yaml div,.json div{max-width:90%;z-index:1}.golang .img-golang,.hugo .img-golang,.markdown .img-golang,.toml .img-golang,.yaml .img-golang,.json .img-golang{height:50%;position:absolute;right:5%;top:30%;opacity:.95}.golang .img-hugo,.hugo .img-hugo,.markdown .img-hugo,.toml .img-hugo,.yaml .img-hugo,.json .img-hugo{position:absolute;bottom:10%;right:5%;opacity:.95;width:18%}.golang .img-markdown,.hugo .img-markdown,.markdown .img-markdown,.toml .img-markdown,.yaml .img-markdown,.json .img-markdown{position:absolute;bottom:10%;right:5%;opacity:.95;width:10%}.golang .img-toml,.golang .img-yaml,.golang .img-json,.hugo .img-toml,.hugo .img-yaml,.hugo .img-json,.markdown .img-toml,.markdown .img-yaml,.markdown .img-json,.toml .img-toml,.toml .img-yaml,.toml .img-json,.yaml .img-toml,.yaml .img-yaml,.yaml .img-json,.json .img-toml,.json .img-yaml,.json .img-json{position:absolute;bottom:10%;right:5%;opacity:.95;width:10%}.javascript-dasar{background-color:#f0db4f;border:var(--b-default);border-radius:24px;color:var(--putih);display:grid;height:35vw;padding:1em 3em;place-items:center;position:relative;overflow:hidden;margin:0 -4em;margin-bottom:1.15rem}.javascript-dasar div{max-width:90%;z-index:1}.javascript-dasar .img-js{position:absolute;bottom:10%;right:5%;opacity:.95;width:10%}header{align-items:center;background-color:var(--putih);border-bottom:var(--b-default);display:flex;height:5vw;justify-content:space-around;position:sticky;width:100vw;z-index:999}header input[type=checkbox],header input[type=checkbox]:checked,header label,header .search-container{display:none}header span a,header nav *{font-weight:600;color:var(--warna-paragraf)}header span a:hover,header nav *:hover{color:var(--warna-elemen)}header nav{align-items:center;display:flex;flex-direction:row;height:inherit;list-style:none}header nav .mobile-menu-belajar{display:none}header nav a{padding:1em}header nav a:hover:not(.menu-items)::before,header nav div:hover:not(div *)::before{content:"";background-color:var(--warna-pelengkap);display:block;height:5px;width:inherit;position:absolute;top:30px}header nav div{display:grid}header nav div div{background-color:var(--putih);border-bottom:var(--b-default);display:grid;grid-auto-flow:column;height:0;opacity:0;place-items:center;position:absolute;top:80%;transition:all 400ms ease-in-out;left:0;width:100vw;visibility:hidden}header nav div div * img{max-width:120px}header nav div span{cursor:pointer}header nav div:hover span{color:var(--warna-elemen)}header nav div:hover div{height:215%;opacity:1;visibility:visible}footer{align-content:space-evenly;background-color:var(--warna-paragraf);color:var(--putih);display:grid;font-weight:600;height:7vw;place-items:center}footer div{display:flex;gap:2vw}footer div a{color:var(--putih)}footer div a:hover{color:var(--warna-elemen)}.content{min-height:100vh;padding:2em 1em;position:relative}.content .indexhtml-content{margin:0 auto;max-width:60%}.content .indexhtml-content a{color:var(--warna-utama)}.content .indexhtml-content a:visited{color:var(--warna-pelengkap)}.content .indexhtml-content a:hover{color:var(--warna-elemen)}.content .all-post{max-width:85%;margin:0 auto}.content .all-post h1{text-align:center;margin-bottom:2.4rem}.content .all-post ul{display:grid;background:0 0;gap:25px;list-style:none}.content .all-post ul li{box-shadow:0 0 3px 3px rgba(0,0,0,.2);padding:1em;list-style:none;background:#fff;background:-moz-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:-webkit-linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);background:linear-gradient(180deg,white 0%,#e7f7fd 40%,#cfd8fc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cfd8fc",GradientType=1);border-radius:1em 0}.content .all-post ul li article h3{margin-bottom:.5rem}.content .all-post ul li article p{margin:.5em 0}.content .all-post ul li article .author-card{display:flex;align-items:center}.content .all-post ul li article .author-card img{width:40px;height:40px}.content .all-post ul li article .author-card div{display:flex;flex-direction:column;font-size:calc(1em - 14.6%);margin-left:14px}.content .all-paginator{display:flex;justify-content:center;gap:1.5em}.content .all-paginator .paginator{font-weight:600;margin-top:2em;text-align:center}.content .all-paginator .paginator a{padding:10px;background-color:var(--warna-elemen);color:var(--putih)}.content .all-paginator .paginator a:hover{background:#11abee;background:-moz-linear-gradient(180deg,#11abee 0%,#1691c7 50%);background:-webkit-linear-gradient(180deg,#11abee 0%,#1691c7 50%);background:linear-gradient(180deg,#11abee 0%,#1691c7 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#11abee",endColorstr="#1691c7",GradientType=1)}.content .singlepage-content{max-width:1115px;margin:0 auto}.content .singlepage-content .container-content{display:flex;gap:4%}.content .singlepage-content .container-content article{max-width:70%}.content .singlepage-content .container-content .toc-melayang{display:none}.content .singlepage-content .container-content .toc-stiky{max-width:28%}.content .singlepage-content .container-content .toc-stiky *{font-size:calc(15px + .390625vw - 10%);font-weight:600}.content .singlepage-content .container-content .toc-stiky nav{position:sticky;top:2em;max-height:85.5vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--warna-elemen)var(--warna-elemen-soft)}.content .singlepage-content .container-content .toc-stiky nav ul li{list-style:none}.content .singlepage-content .container-comments{max-width:70%}}@media screen and (min-width:2100px){.content .indexhtml-content{max-width:1080px}}