Open ]-->
<head>
:
-
Blog archive in:
Blog:
Error 404: Not Found
-
<style><!-- /*
*/
/* Variable color */
:root{
--head-color: #262d3d ;
--body-color: #48525c ;
--body-altColor: #767676 ;
--body-bg: #fefefe ;
--link-color: #204ecf ;
--link-bg: #204ecf ;
--icon-color: #48525c ;
--icon-alt: #455065 ;
--icon-sec: #767676 ;
--header-text: #48525c ;
--header-title: 17px ;
--header-bg: #fefefe ;
--header-icon: #262d3d ;
--header-height: 60px ;
--notif-height: 45px ;
--notif-bg: #e1f5fe ;
--notif-color: #01579b ;
--content-bg: #fefefe ;
--content-border: #eceff1 ;
--transparent-bg: rgba(0,0,0,.03);
--page-maxContent: 780px ;
--post-titleSize: 32px ;
--post-fontSize: 15px ;
--post-titleSizeMobile: 22px ;
--post-fontSizeMobile: 15px ;
--widget-titleSize: 15px ;
--widget-titleWeight: 400 ; /* Fill with 400(normal) or 700(bold) */
--widget-titleAfter: 1px ;
--nav-width: 260px ;
--nav-border: 1px ;
--nav-text: #262d3d ;
--nav-icon: #48525c ;
--nav-bg: #fefefe ;
--font-head: Poppins, sans-serif ;
--font-body: 'Noto Sans', sans-serif ;
--font-code: 'Fira Mono', monospace ;
--transition-1: all .1s ease ;
--transition-2: all .2s ease ;
--transition-4: all .4s ease ;
--highlight-bg: #f6f6f6 ;
--highlight-color: #2f3337 ;
--highlight-orange: #b75501 ;
--highlight-blue: #015692 ;
--highlight-green: #54790d ;
--highlight-red: #f15a5a ;
--highlight-comment: #656e77 ;
--dark-text: #fefefe ;
--dark-textAlt: #989b9f ;
--dark-link: #005af0 ;
--dark-bg: #1e1e1e ;
--dark-bgAlt: #2d2d30 ;
--dark-bgSec: #252526 ;
}
/* Modal Box */
.asalseonotif,.matilampu{visibility:hidden;opacity:0}.asalseonotif{background:#fff;position:fixed;padding:25px; transform:scale(1.2); top:20%; max-width:1100px;margin:auto;left:0;right:0;z-index:100;border-radius:4px;box-shadow:0 10px 3rem -1rem rgba(0,0,0,0.5);transition:all .5s}.asalseonotif buttonw{border:none;position:relative;margin-top:0px;right:0px;cursor:pointer;background:#e8e8e8;padding-left:7px;outline:0}a.waves-light.close-sf{background:#333FFF;color:#fff;margin-top:15px;display:inline-block;padding:6px 13px;border-radius:3px;float:right;font-size:13px}a.waves-light.close-sf:hover{background:#333FFF;color:#fff}.matilampu{position:fixed;top:0;background:rgba(255,255,255,0.39);left:0;right:0;bottom:0;margin:0;z-index:99;transition:all .4s ease-in-out}.asalseotitle{margin-bottom:15px;font-weight:700;font-size:15px;text-align:center}.asalseonotif.aktif,.matilampu.aktif{visibility:visible;opacity:1}.asalseonotif.aktif{transform:scale(1)}.icx{position:absolute;top:10px;right:15px;transform:rotate(180deg);transition:all .3s}.icx:before{content:'\f00d';font-family:fontawesome;font-size:18px;color:#ccc;transition:all .3s}.icx:hover{transform:rotate(360deg)}.icx:hover:before{color:#222}.notiftext{font-size:14px}a.shownotif{color:#fff;padding:0;text-align:center;transition-delay:0.2s}a.shownotif:hover{opacity:.8;color:#fff;transition-delay:0s}
a.shownotif .icon{height:22px; width:22px;position:relative; top:1px;}
.headerContent.aktif,.mainInner.aktif,#downpix.aktif{filter-blur(4px):;-webkit-filter:blur(4px)}
@media screen and (max-width:480px){.asalseonotif,a.shownotif,.matilampu{right: 0px}}
.Style-3, .Style-3 .headerDiv{transition:var(--transition-1)}
.Style-3 header, .Style-3.darkMode header{background-color:transparent;border:0}
.Style-3 .mainMenu, .Style-3 .htmlMenu .close, .Style-3 #LinkList002{background-color:#fafafc}
.Style-3 .htmlMenu .close > *{opacity:0;visibility:hidden}
.Style-3 .htmlMenu .link, .Style-3 .htmlMenu > li li a{width:calc(100% - 20px);border-radius:0 20px 20px 0; padding-right:0}
.Style-3.darkMode, .Style-3.darkMode .headerRight, .Style-3.darkMode .tableOfContainer, .Style-3.darkMode .tableOfHeader, .Style-3.darkMode .postRelated h3, .Style-3.darkMode .postRelated h4, .Style-3.darkMode .postRelated b, .Style-3.darkMode .post .tabsHead > *:after{background-color:var(--dark-bgSec)}
.Style-3.darkMode .downloadInfo, .Style-3.darkMode .postAuthors{background-color:var(--dark-bgAlt)}
.Style-3 .headerRight{background-color:var(--body-bg)}
.Style-3 .navInput:checked ~ .mainWrapper #header-widget{display:none}
.Style-3 .navInput:checked ~ .mainWrapper .headerLeft{width:68px}
@media screen and (max-width:896px){
.Style-3 .navInput:checked ~ .mainWrapper #header-widget{display:block}
.Style-3 .navInput:checked ~ .mainWrapper .headerLeft{width:var(--nav-width)}
.Style-3.darkMode, .Style-3.darkMode .headerRight{background-color:var(--dark-bg)}
.Style-3.darkMode .postRelated h3, .Style-3.darkMode .postRelated h4, .Style-3.darkMode .postRelated b, .Style-3.darkMode .post .tabsHead > *:after{background-color:var(--dark-bg)}
.Style-3.darkMode .downloadInfo, .Style-3.darkMode .postAuthors{background-color:var(--dark-bg)}
}
.Style-2{transition:var(--transition-1)}
.Style-2, .Style-2 header, .Style-2 .mainMenu, .Style-2 .htmlMenu .close, .Style-2 #LinkList002{background-color:#fefefe; border:0}
.Style-2 .htmlMenu .close, .Style-2 #LinkList002{width:calc(var(--nav-width))}
.Style-2 .mainInner:before{content:''; display:block; position:absolute;top:0;left:0;right:0;bottom:0; background-color:#fafafc;z-index:-1; border-radius:15px 0 0 15px; transition:var(--transition-1); box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%)}
.Style-2 .htmlMenu .link, .Style-2 .htmlMenu > li li a{width:calc(100% - 20px);border-radius:0 20px 20px 0; padding-right:0}
.Style-2 .navInput:checked ~ .mainWrapper .htmlMenu .link, .Style-2 .navInput:checked ~ .mainWrapper .htmlMenu > li li a{}
.Style-2.darkMode .mainInner:before, .Style-2.darkMode .postRelated h3, .Style-2.darkMode .postRelated h4, .Style-2.darkMode .postRelated b, .Style-2.darkMode .post .tabsHead > *:after, .Style-2.darkMode .tableOfContainer, .Style-2.darkMode .tableOfHeader{background-color:var(--dark-bgSec)}
.Style-2.darkMode .downloadInfo, .Style-2.darkMode .postAuthors{background-color:var(--dark-bgAlt)}
@media screen and (max-width:896px){
.Style-2 .mainInner:before, .darkMode.Style-2 .mainInner:before{background-color:transparent;box-shadow:none}
.Style-2 .htmlMenu .close, .Style-2 #LinkList002{background-color:var(--nav-bg)}
.Style-2.darkMode .postRelated h3, .Style-2.darkMode .postRelated h4, .Style-2.darkMode .postRelated b, .Style-2.darkMode .post .tabsHead > *:after{background-color:var(--dark-bg)}
.Style-2.darkMode .downloadInfo, .Style-2.darkMode .postAuthors{background-color:var(--dark-bgSec)}
}
]]>