/*!
 * Mangan v1.3.3
 * Copyright 2015-2017 Diki Andriansyah
 * Released under the MIT license
 */@import url("https://fonts.googleapis.com/css?family=Cutive+Mono|VT323|Halant") screen;h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font-family:"Cutive Mono";font-size:16.5px;line-height:1.5;color:#E5E5E5;background-color:#000;margin:0;padding:0;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure{margin-bottom:15px}img{max-width:100%;vertical-align:middle}img.displayed{margin:20px auto;width:30px}figure>img{display:block}figcaption{font-size:14.4375px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:300}a{color:#eee;text-decoration:none}a:visited{color:#eee}a:hover{color:#00B909;text-decoration:none}hr{margin:40px 65% 40px 0;border:0;border-top:1px solid #B5B5B5}blockquote{padding:10px 20px 10px 50px;color:#6C6C6C;border-left:4px double #DEDEDE;font-size:16px;letter-spacing:0.1px}blockquote>:last-child{margin-bottom:0}pre,code{font-family:"Cutive Mono";background-color:#EAEAEA;color:#2E2E2E}code{padding:3px 5px}pre{padding:8px 12px;overflow-x:scroll}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:calc(700px);margin-right:auto;margin-left:auto}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}@media screen and (max-width: 600px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper-fit{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper-fit{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.wrapper-fit:after,.content-col-wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.icon>svg{display:inline-block;width:18px;height:18px;vertical-align:middle}.icon>svg path{fill:#4A4A4A}.site-header{border-bottom:1px solid #424242;position:relative;background-color:#000;text-align:center}.site-nav{line-height:90px;margin-right:10px}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#161616;line-height:1.5;font-size:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:20px;background-color:#f8f8f8;border:1px solid #e8e8e8;border-radius:5px;text-align:right;margin-top:29px}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center;border-radius:4px;background-color:#f8f8f8}.site-nav .menu-icon>svg{width:18px;height:15px}.site-nav .menu-icon>svg path{fill:#424242}.site-nav .trigger{clear:both;display:none;line-height:118px;width:80px;text-align:center;margin-right:10px;margin-left:10px}.site-nav:hover .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:0;margin-right:0;margin-bottom:15px}}.big{font-size:18px;background:url("/images/fun-line.png") 0 100% no-repeat;background-size:20px}.big.plusbig{font-size:1.3em;color:#505050}.big.bg{background-color:#F6FFAA;background-size:0px}.badface{opactiy:0;animation:bad 3s;animation-iteration-count:infinite;position:relative;width:200px}@keyframes bad{0%{opacity:0;transform:rotate(0deg);width:200px;left:0px;background-color:#66cccc}16.66%{background-color:#008080}33.33%{background-color:#40e0d0}50%{opacity:1;width:400px;left:400px;background-color:#ffb6c1}66.66%{background-color:turquoise}83.33%{background-color:#7fffd4}100%{opacity:0;transform:rotate(360deg);width:200px;left:0px;background-color:#66cccc}}.trigger{text-align:center}.photos:before,.photos:after,.caption:before,.caption:after{content:"";display:block;clear:both}.photos{position:relative;margin-bottom:15px;margin-top:8px}.photo{display:inline-block;margin-right:15px;margin-bottom:15px;float:left}.photo img{background-color:#f0f0f0;width:50px;height:50px;border-radius:10px}.photo.p0:hover ~ .c0,.photo.p1:hover ~ .c1,.photo.p2:hover ~ .c2,.photo.p3:hover ~ .c3,.photo.p4:hover ~ .c4{display:block}.caption{display:none;top:100%;line-height:1.1;font-size:0.8em;position:absolute}.page-content{padding:30px 0 0}@media screen and (max-width: 800px){.page-content{padding-bottom:30px}}@media screen and (max-width: 600px){.page-content{padding-bottom:30px}}.page-heading{font-size:20px}.post-list{margin-left:0;list-style:none}.post-meta{font-size:14.4375px;color:#626262}.post-link{display:block;font-size:17px;font-family:"VT323"}.titlepost{height:30px;font-family:"Cutive Mono";width:90%;float:left;padding-top:5px}.datepost{height:30px;font-family:"VT323";width:100px;float:left;border-bottom:1px dashed #E1E2E3;padding-top:5px;text-align:left}.content-col-wrapper{font-size:15px;color:#6C6C6C;margin-left:-15px}.content-col{float:left;margin-bottom:15px;padding-left:15px;width:95%}@media screen and (max-width: 800px){.titlepost,.datepost{border-bottom:0px;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2));height:-webkit-calc(20% - (30px / 2));height:calc(20% - (30px / 2));text-align:left}.content-col{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2));height:-webkit-calc(20% - (30px / 2));height:calc(20% - (30px / 2));text-align:left}}@media screen and (max-width: 600px){.content-col{float:center;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.dummy{font-size:17px;letter-spacing:-1px;margin-bottom:3px;float:left;color:#fff}.dummy,.dummy:visited{color:#fff}.dummy .blogpost{text-align:left}.home{margin-left:5px;margin-right:5px}.post-header{margin-bottom:40px}.post-title{font-size:1.5em;font-family:"Halant";letter-spacing:-1px;line-height:1;text-align:center}@media screen and (max-width: 800px){.post-title{font-size:1.5em;text-align:center}}.post-line{font-size:18px;background:url("/images/fun-line.png") 0 100% no-repeat;background-size:20px;content:"";height:5px;width:20px;margin:40px auto 0}.post-detail{font-family:"Cutive Mono";font-size:13.5px;text-align:center;margin-top:-10px}.post-content{margin-bottom:30px;font-family:"Cutive Mono"}.post-next{width:50%;float:left;margin:1px 0}.post-prev{width:50%;float:left;margin:1px 0;text-align:right}.site-footer{border-top:1px solid #424242;padding:30px 0;background-color:#000}.footer-heading{font-size:18px;margin-bottom:15px}.footer-col-wrapper{font-size:15px;color:#4B4B4B;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2));text-align:-webkit-center}}.footer-text{font-size:14px;color:#4B4B4B;text-align:center}