*{margin:0;padding:0;border:0;vertical-align:baseline;font-size:inherit;outline:0;box-sizing:border-box}h1,h2,h3,p{margin:15px 0}h1,h2,h3{color:#27272a}a{color:inherit;text-decoration:none;cursor:pointer}a:focus,a:hover{text-decoration:underline}img{max-width:100%;vertical-align:middle;image-rendering:-webkit-optimize-contrast}ul{list-style:none}input[type=submit]{cursor:pointer}h1{font-size:30px}h2{font-size:30px;line-height:40px}h3{font-size:20px}hr{border:0;border-top:1px solid #ddd}.clear{clear:both}.tooltip{position:absolute;width:70px;margin-left:-40px;padding:5px;background-color:#444;color:#fff;border-radius:6px;text-align:center;opacity:0;transition:opacity .3s;z-index:1;line-height:26px}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#444 transparent transparent transparent}body{background-color:#f7f7f7;color:#52525b;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:17px;line-height:28px}#wrapper{background-color:#fff;margin:0 auto 0;padding:100px 90px 30px;width:calc(100% - 200px);max-width:1216px;box-shadow:#fff 0 0 0 0,#f4f4f5 0 0 0 1px,transparent 0 0 0 0}@media (max-width:912px){#wrapper{padding:50px 40px 20px;width:100%}}#header-mode{float:right;display:block;width:32px;height:32px;background:url(../img/mode/dark.svg) no-repeat;background-size:32px 32px;cursor:pointer}body.dark-mode #header-mode{background:url(../img/mode/light.png) no-repeat;background-size:32px 32px}ul.pagination{display:table;margin:0 auto}ul.pagination li{float:left}ul.pagination li:not(:last-child){margin-right:15px}.summary-title{margin-bottom:0}.summary-date{margin-top:0;font-size:13px;font-style:italic}body.dark-mode{background-color:#252525;color:#fff}body.dark-mode #wrapper{background-color:#222;box-shadow:none}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#fff}body.dark-mode #home-latest-posts a{color:#fff}#home-picture{float:right;width:31%;margin-top:25px}#home-picture-image{float:right;margin-top:6px;width:95%;border-radius:10px;transform:rotate(2deg);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#home-picture-image:hover{transform:rotate(-4deg)}#home-about-me{float:left;width:62%;line-height:35px;margin-bottom:20px}#home-greetings{font-size:40px;line-height:50px}#home-contact{position:relative}#home-contact-tooltip{top:-45px;left:90px}#home-projects{clear:both;overflow:hidden;margin-bottom:60px}#home-projects h2{margin:40px 0 30px;font-size:35px}#home-projects ul li{width:calc(33% - 34px);float:left;margin-right:50px}#home-projects ul li:nth-of-type(3n){margin-right:0}#home-projects ul li img{width:90px;border-radius:10px}#home-latest-posts{clear:both}#home-latest-posts h2{margin:40px 0 30px;font-size:35px}#home-latest-posts a{color:#27272a}#home-latest-posts ul li{margin-bottom:50px}#home-latest-posts ul li:last-child{margin-bottom:0}@media (max-width:1099px){#home-picture{float:none;width:100%;margin-top:40px}#home-picture-image{float:none;width:250px}#home-about-me{float:none;width:100%;margin-top:45px}#home-projects ul li{width:100%;float:none;margin-right:0;margin-bottom:50px}#home-projects ul li:last-child{margin-bottom:0}#home-projects ul li img{width:90px;float:left;margin-right:20px}#home-projects ul li h3{margin-bottom:0}#home-projects ul li p{margin-top:4px}}@media (max-width:575px){#home-picture-image{width:150px}}@media (max-width:480px){#home-projects ul li img{width:80px;margin-bottom:110px}#home-latest-posts ul li{margin-bottom:60px}}#content a{font-weight:700}#content a:focus,#content a:hover{color:#af5b79;text-decoration:none}#content h1 a,h2 a,h3 a{padding-bottom:0!important;border-bottom:0!important}#footer{margin-top:80px;text-align:center;font-style:italic;font-size:18px;line-height:20px}#footer-since{margin-top:10px}@media (max-width:479px){#footer{font-size:17px}}#header{margin-bottom:25px;overflow:hidden}#header-name{margin:0;float:left}ul#header-social{float:left;overflow:hidden}ul#header-social li{float:left;margin-right:15px}ul#header-social li#header-social-twitter{display:none}ul#header-social li#header-social-mail{display:none;position:relative}#header-social-mail-tooltip{bottom:150%;left:50%}@media (min-width:480px) and (max-width:767px){#header-social-mail-tooltip{width:60px;top:120%;bottom:auto}#header-social-mail-tooltip:after{content:none}}@media (max-width:479px){ul#header-social li img{width:20px}#header-mode{margin-top:-3px}}/*! * Agate by Taufik Nurrohman * ---------------------------------------------------- */.hljs{display:block;overflow-x:auto;padding:.5em;background:#333;color:#fff}.hljs-name,.hljs-strong{font-weight:700}.hljs-code,.hljs-emphasis{font-style:italic}.hljs-tag{color:#62c8f3}.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#ade5fc}.hljs-bullet,.hljs-string{color:#a2fca2}.hljs-attribute,.hljs-built_in,.hljs-builtin-name,.hljs-quote,.hljs-section,.hljs-title,.hljs-type{color:#ffa}.hljs-bullet,.hljs-number,.hljs-symbol{color:#d36363}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#fcc28c}.hljs-code,.hljs-comment,.hljs-deletion{color:#888}.hljs-link,.hljs-regexp{color:#c6b4f0}.hljs-meta{color:#fc9b9b}.hljs-deletion{background-color:#fc9b9b;color:#333}.hljs-addition{background-color:#a2fca2;color:#333}.hljs a{color:inherit}.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}.hljs{color:#a9b7c6;background:#282b2e;display:block;overflow-x:auto;padding:.5em}.hljs-bullet,.hljs-literal,.hljs-number,.hljs-symbol{color:#6897bb}.hljs-deletion,.hljs-keyword,.hljs-selector-tag{color:#cc7832}.hljs-link,.hljs-template-variable,.hljs-variable{color:#629755}.hljs-comment,.hljs-quote{color:grey}.hljs-meta{color:#bbb529}.hljs-addition,.hljs-attribute,.hljs-string{color:#6a8759}.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}.hljs-name,.hljs-selector-class,.hljs-selector-id{color:#e8bf6a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-comment,.hljs-quote{color:#878573}.hljs-attribute,.hljs-link,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ba6236}.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#ae7313}.hljs-bullet,.hljs-string,.hljs-symbol{color:#7d9726}.hljs-section,.hljs-title{color:#36a166}.hljs-keyword,.hljs-selector-tag{color:#5f9182}.hljs-addition,.hljs-deletion{color:#22221b;display:inline-block;width:100%}.hljs-deletion{background-color:#ba6236}.hljs-addition{background-color:#7d9726}.hljs{display:block;overflow-x:auto;background:#22221b;color:#929181;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-comment,.hljs-quote{color:#d6baad}.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#dc3958}.hljs-built_in,.hljs-builtin-name,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f79a32}.hljs-attribute,.hljs-section,.hljs-title{color:#f06431}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#889b4a}.hljs-function,.hljs-keyword,.hljs-selector-tag{color:#98676a}.hljs{display:block;overflow-x:auto;background:#221a0f;color:#d3af86;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}#all-articles h1{margin:30px 0}#article{margin-bottom:60px}#article-title{margin-top:30px;line-height:43px}#article-date{font-size:13px;font-style:italic}#article-content{font-size:17px}#similarArticles{margin-top:60px}#similarArticles h2{margin:40px 0 30px}#similarArticles ul li:last-child .summary{margin-bottom:0}@tailwind base;@tailwind components;@tailwind utilities;.laravel-badge{background-color:#ff2d20;color:#fff}#home-contact{position:relative}#home-contact-tooltip{top:-45px;left:90px}.tooltip{position:absolute;width:70px;margin-left:-40px;padding:5px;background-color:#444;color:#fff;border-radius:6px;text-align:center;opacity:0;transition:opacity .3s;z-index:1;line-height:26px;font-size:14px}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#444 transparent transparent transparent}