/*!
 * Agate by Taufik Nurrohman <https://github.com/taufik-nurrohman>
 * ---------------------------------------------------------------
 *
 * #ade5fc
 * #a2fca2
 * #c6b4f0
 * #d36363
 * #fcc28c
 * #fc9b9b
 * #ffa
 * #fff
 * #333
 * #62c8f3
 * #888
 *
 */.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}@font-face{font-family:fontello;src:url(/blog/assets/font/fontello.eot?11179403);src:url(/blog/assets/font/fontello.eot?11179403#iefix) format('embedded-opentype'),url(/blog/assets/font/fontello.woff2?11179403) format('woff2'),url(/blog/assets/font/fontello.woff?11179403) format('woff'),url(/blog/assets/font/fontello.ttf?11179403) format('truetype'),url(/blog/assets/font/fontello.svg?11179403#fontello) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cancel:before{content:'\e800'}.icon-star:before{content:'\e801'}.icon-link:before{content:'\e802'}.icon-twitter:before{content:'\f099'}.icon-github-circled:before{content:'\f09b'}.icon-gplus:before{content:'\f0d5'}.icon-linkedin:before{content:'\f0e1'}.icon-facebook-official:before{content:'\f230'}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}a{text-decoration:none}table{border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}strong{font-weight:700}ol,ul{list-style:none;margin:0;padding:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;margin:0;padding:0}q:after,q:before{content:''}abbr,acronym{border:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,button,html,input,select,textarea{-webkit-font-smoothing:antialiased}em{font-weight:100;font-style:italic}html{box-sizing:border-box}a{color:#17a8e3}a:hover{text-decoration:none}body{color:#333;font-weight:400;font-family:sans-serif}body.active{font-family:'Roboto Slab',serif}.wrapper{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}.alt-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.header{width:100%}.header-wrapper{padding:27px 0 68px 0;line-height:1em;position:relative;max-width:1000px;margin:0 auto}.header-logo{font-size:1.93em;font-weight:800;float:left;-webkit-font-smoothing:auto}.header-logo a,.header-logo a:focus,.header-logo a:hover,.header-logo a:visited{color:#000}.logo-end{color:#17a8e3;font-size:1.3em;font-family:'Roboto Slab',serif}.header-menu{float:right}.header-menu li{display:inline-block;margin:0 12px}.header-menu li a{display:block;color:#000}.header-menu .icon-twitter{font-size:1.4em;color:#ccc}.header-menu .icon-twitter:hover{color:#ff9f35}.footer-by a,.header-menu li a{letter-spacing:.12em;line-height:1.5em;text-decoration:none}@media all and (max-width:820px){.header-burgerMenu{display:none;cursor:pointer;padding:12px 0;position:absolute;right:5%;top:29%}.header-burgerMenu span{position:relative;display:block;width:36px;height:4px;background:#222;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.header-burgerMenu span:after,.header-burgerMenu span:before{position:absolute;background:#222;content:'';width:36px;height:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.header-burgerMenu span:before{top:-10px}.header-burgerMenu span:after{top:10px}.header-burgerMenu.active span{background:0 0}.header-burgerMenu.active span:before{-webkit-transform:rotate(45deg) translate(5px,7px);transform:rotate(45deg) translate(5px,7px)}.header-burgerMenu.active span:after{-webkit-transform:rotate(-45deg) translate(7px,-10px);transform:rotate(-45deg) translate(7px,-10px)}.header-burgerMenu.place-over span:after,.header-burgerMenu.place-over span:before{background:#fff;z-index:10}}.post{margin:0 0 3em 0}.post-header{min-height:390px;width:100%;background-color:#07b6e8;overflow:hidden;z-index:1;padding-top:3.5em;position:relative}.post-header-image{height:200px;width:100%;background-repeat:no-repeat;background-position:50%}.post-header .wrapper{max-width:-webkit-calc(1100px - (30px * 2));max-width:calc(1100px - (30px * 2));-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.post-header h1{color:#fff;font-size:2.6em;text-align:center;margin:0;border-bottom:0;font-weight:700}.post-header-meta{margin-top:27px}.post-header-author{text-align:center}.post-header-author-name{color:#fff;font-size:1em}.post-header-author-follow{border-radius:5px;background-color:rgba(0,0,0,.2);font-size:12px;padding:3px 10px;text-decoration:none;color:#fff;font-family:arial;top:-2px;position:relative}.post-header-author-follow:hover{background:#fff;color:#166490}.post-header-date{display:block;font-family:arial;color:#fff;text-align:center;padding:10px 0 0 0;font-size:.75em}.post-content h2{font-size:2.1em;padding:1em 0 .5em 0}.post-content h3{font-size:1.6em;padding:1em 0 .5em 0}.post-content h2:after,.post-content h3:after{content:'_';color:#17a8e3;font-size:1.3em}.post-content{position:relative}.post-content>.wrapper,.wrapper-subscribe{z-index:2;position:relative}.post-content .wrapper>p:first-child,.post-content blockquote{color:#000;padding-top:50px;font-weight:400}.post-content a{color:#17a8e3;font-weight:400}.post-content a:hover{color:#166490;border-bottom:2px solid #17a8e3}.post-picture{max-width:100%;height:auto;margin:38px auto;display:block}.post-content p,.youtube-video-wrapper{font-size:1.2em;line-height:1.7em;font-weight:300;margin-bottom:28px;word-break:break-word}.post-content ul{padding:0 0 0 30px;margin-bottom:20px}.post-content li{font-size:1.2em;line-height:1.7em;font-weight:300;margin:0 0 10px;list-style:none;position:relative}.post-content li p,.post-content li ul li{font-size:inherit}.post-content ul li:before{content:'';position:absolute;border-radius:100%;width:6px;height:6px;display:block;left:-20px;top:14px;background:#333}.post-content li code,.post-content p code{background:rgba(27,31,35,.05);padding:.2em .5em;white-space:nowrap}.share-box{position:absolute;top:0;z-index:1;font-size:1.4em;padding:52px 0 0 0;max-width:960px!important;margin-left:auto!important;margin-right:auto!important;display:block;left:0;right:0}.share-box.active{position:fixed}.share-box li:before{display:none!important}.share-box a:hover{border-bottom:0}.share-box ul{padding:0;margin-bottom:0}.youtube-video-wrapper{position:relative;max-width:680px;margin:0 auto;padding:0;margin-bottom:28px}.youtube-image-wrapper{background-color:#000;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer}.youtube-img{width:100%;top:-16.82%;left:0;opacity:.7}.youtube-play{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgba(0,0,0,.6);z-index:1;opacity:.8;border-radius:6px}.youtube-play:before{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff}.youtube-img,.youtube-play{cursor:pointer}.youtube-img,.youtube-play,.youtube-play:before,.youtube-video{position:absolute}.youtube-play,.youtube-play:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.youtube-video{height:100%;width:100%;top:0;left:0}.post-content blockquote{background:rgba(7,182,232,.07);padding:20px 40px;margin:33px 0;position:relative}.post-content blockquote p:first-child{padding:0;margin:0}.post-button{padding:14px 20px;background:#17a8e3;color:#fff!important;border-radius:8px;border-bottom:0!important;margin:0 auto;display:block;width:220px;font-weight:400;text-align:center}.post-button:hover{background:#1793c5}.post-buttons-wrapper{text-align:center}.post-buttons-wrapper .post-button{display:inline-block;margin:0 10px 0 10px}.content{margin-top:50px;min-height:50vh}.post-header-title{color:#000;font-size:2.6em;text-align:center;margin:0;font-weight:700;margin-top:30px}pre code{overflow:auto!important;padding:48px 30px!important}.search-wrapper{margin-top:110px;position:relative}.search-wrapper input{border:1px solid gray;font-weight:200;color:#000;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size:25px;height:40px;line-height:40px;outline:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 40px 0 20px}.search-wrapper button{width:20px;height:20px;position:absolute;top:10px;right:45px;overflow:hidden;cursor:pointer;border:none;padding:0;direction:ltr;display:inline-block;background:url(../../imgs/search.svg) no-repeat;background-size:20px 40px}.article-breadcrumbs{color:#17a8e3}.breadcrumbs-splitter{margin:0 5px;color:#000}.subscribe{display:block;text-align:center;padding:32px;margin:40px auto;background:#f4fbff;box-shadow:inset 0 84px 0 -80px #3197d6,inset 0 0 0 1px rgba(17,100,148,.13)}.subscribe-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;padding:15px;border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0;display:inline-block;height:50px;width:70%;font-family:-apple-system,".SFNSDisplay-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;line-height:1.2em;background:#fff;color:#aaa;box-shadow:inset 0 1px 0 rgba(0,0,0,.02);text-rendering:optimizeLegibility}.subscribe-input:focus{border:1px solid #3197d6;outline:0}.subscribe-button:focus{outline:0}.subscribe-button{font-size:1.2em;border:1px solid #17a8e3;border-left:0;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;display:inline-block;height:50px;width:30%;min-width:50px;vertical-align:top;background:#17a8e3;padding:11px 15px 12px;cursor:pointer;color:#fff;line-height:100%}.subscribe-info{font-size:1.1em;font-weight:100;text-align:center;padding:0 0 32px 0}.subscribe-description,.subscribe-rss{font-weight:100;font-size:.85em;opacity:.6;padding-top:20px;display:block}.subscribe-rss{opacity:1}.subscribe-message{font-size:1em;padding:7px 0 0 0;color:#337abb;width:300px;margin:0 auto}.subscribe-error .input-text-error{color:#c04355!important}.input-text-error input,.subscribe-error .subscribe-input{border-color:#c04355!important;color:#c04355!important}.subscribe-error .subscribe-message{color:#c04355;font-size:.8em}.subscribe-loading{display:none;border-radius:50%;width:18px;height:18px;border:.2rem solid rgba(0,0,0,.2);border-top-color:#000;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;margin:0 10px 0 0;vertical-align:middle}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.footer{margin:80px 0;display:block;text-align:center}.footer p{margin-bottom:28px}.footer-by{font-size:.9em;margin:60px 0 50px 0;color:#7e8890}.footer-menu{margin-bottom:10px}.footer-menu li{display:inline-block;margin:0 10px}.footer-copyright,.footer-menu li{font-family:"Helvetica Neue",Helvetica,arial;font-size:.87em}.footer-copyright,.footer-menu li a{color:#000;opacity:.4}.footer-menu li a:hover{text-decoration:underline}::-webkit-input-placeholder{color:#c5c5c5}:-moz-placeholder{color:#c5c5c5;opacity:1}::-moz-placeholder{color:#c5c5c5;opacity:1}:-ms-input-placeholder{color:#c5c5c5}.highlight pre{position:relative;overflow:visible;white-space:pre;word-wrap:normal;background:#2f3644;border-radius:0 4px 4px 0;color:#c1c2c3}code,pre{background:0 0}pre code{font-size:14px;padding:48px 30px;display:block;color:#c4d1e1;overflow-y:scroll;-webkit-overflow-scrolling:touch}.highlight .hll,.highlight pre,pre{white-space:pre;font-size:16px;line-height:24px;margin:48px -58px 48px -58px}.highlight{padding:0;margin:0}.highlight .hll{background-color:#ffc}.highlight .gd{color:#2e3436;background-color:#0e1416}.highlight .gr{color:#eeeeec;background-color:#c00}.highlight .gi{color:#babdb6;background-color:#1f2b2d}.highlight .go{color:#2c3032;background-color:#2c3032}.highlight .kt{color:#e3e7df}.highlight .ni{color:#888a85}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs{color:#93a4c1}.highlight .bp,.highlight .err,.highlight .g,.highlight .ge,.highlight .gp,.highlight .gs,.highlight .gt,.highlight .l,.highlight .ld,.highlight .n,.highlight .nc,.highlight .nd,.highlight .ne,.highlight .nl,.highlight .nn,.highlight .nx,.highlight .ow,.highlight .p,.highlight .py,.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx,.highlight .w,.highlight .x{color:#c1c2c3}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .nt{color:#96cbfe}.highlight .cp,.highlight .gh,.highlight .gu,.highlight .nf{color:#e9a94b}.highlight .il,.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .nb,.highlight .no{color:#8ae234}.highlight .o{color:#989daa}.highlight .s1,.highlight .s2{color:#a6fc5e}.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:#fff}@media screen and (max-width:850px){.post pre{margin:48px -50px;border-radius:0}}@media screen and (max-width:500px){.post pre{margin:32px -24px}}@media screen and (max-width:850px){pre code{padding:40px 40px}}.header-logo{position:absolute;top:10px;left:10px;padding:14px;font-size:1.5em;text-decoration:none;font-weight:700;color:#000}.twitter-share i{position:relative}#menu-line{background:#000;position:absolute;top:24px;left:0;width:101px;height:2px;transition:all .6s ease}#menu{position:absolute;top:20px;right:20px;z-index:70;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;letter-spacing:1px;font-size:1.1em}#menu li{display:inline-block;margin:10px 0}#menu a{color:#000;padding:0 1.1em 1.1em}.menu-active{font-weight:700}#menu-theme-mobile{display:none}.plugins{visibility:hidden;position:absolute}.twitter-share i{vertical-align:middle;display:inline-block;width:38px;height:14px;color:#000;top:-4px;left:-2px;fill:#20beff}.twitter-share svg{height:40px;margin-top:-10px}@media screen and (max-width:900px){#menu{text-align:center;left:0;right:0}#menu-theme-desktop{display:none!important}#menu-theme-mobile{display:inline-block}}@media screen and (max-width:700px){#menu a{padding:0 .7em .7em}}@media screen and (max-width:630px){#menu{letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}}@media screen and (max-width:550px){#menu li a{padding:0 .7em .7em}#menu-contact{display:none!important}}.submenu{background:#fff;border-radius:15px;box-shadow:0 0 56px 8px rgb(0 0 0 / 20%)}.submenu i{width:17px;height:17px;display:inline-block;margin:0 5px;vertical-align:middle;background-size:contain}#menu .submenu a,.submenu a{padding:6px 15px;display:block;color:#004f69}.submenu a:hover{background:#f2f2f2}.plugins{visibility:hidden;opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s;transform-origin:50% 0;top:34px;padding:15px 0;width:235px;z-index:999}#menu .plugins li{display:block}.menu-wordpress:hover .plugins{visibility:visible;opacity:1!important;transform:scale(1)!important;visibility:visible!important}.plugins-theme i{background-image:url(https://alvarotrigo.com/fullPage/imgs/theme.svg)}.plugins-plugin i{background-image:url(https://alvarotrigo.com/fullPage/imgs/plugin.svg)}@media screen and (max-width:900px){#menu{text-align:center;left:0;right:0}#menu-theme-desktop{display:none!important}#menu-theme-mobile{display:inline-block}}@media screen and (max-width:700px),screen and (max-height:500px){#menu a{padding:0 .7em .7em}}@media screen and (max-width:630px){#menu{letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}}@media screen and (max-width:550px){#menu li a{padding:0 .7em .7em}#menu-contact{display:none!important}}.header{max-width:1200px;width:100%;height:1px;position:relative;margin:0 auto}.s-103-footer a{text-decoration:none;color:#363636}.s-103-footer a:hover{color:#8d8d8d}.w-3-12{max-width:280px;margin:0 auto}.w-12-12{max-width:1180px;margin:0 auto}.flex{display:flex;flex-wrap:wrap}.flex>[class*=w-]{margin:0}.flex>.w-3-12{width:25%}[class*=fp-title-]{overflow-wrap:break-word}.fp-title-x1{font-size:14px;letter-spacing:-.011em;font-weight:300;line-height:1.5}.fp-title-x2{font-size:16px;letter-spacing:-.011em;font-weight:300;line-height:1.5}.fp-bold{font-weight:700!important}.item-wrapper>[class*=w-]{margin-bottom:1rem}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px!important}.px-3{padding-left:30px;padding-right:30px}.s-103-footer{position:relative}.s-103-footer .row-2{background-color:#f5f6fa;padding:80px 0 80px 0}.s-103-footer .row-2 h4{color:#363636}@media screen and (max-width:1022px){.s-103-footer .w-3-12{width:50%!important;padding-bottom:70px}.s-103-footer .row-2 h4,.s-103-footer .w-3-12:first-child p,.s-103-footer ul{max-width:50%;margin-left:auto;margin-right:auto}}@media screen and (max-width:450px){.s-103-footer .w-3-12{width:100%!important}}@media screen and (max-width:1023px){.flex:not(.fix):not(.later):not(.flex-custom):not(.flex-fix)>[class*=w-]:not([class*=w-phablet-]):not([class*=w-phone-]){width:100%;max-width:100%;margin:0 auto}}@media screen and (max-width:435px){.flex:not(.flex-fix):not(.flex-custom)>[class*=w-]{width:100%}}.cp_embed_wrapper{margin:48px -100px 48px -100px!important}.post-content ol{position:relative;padding:0 0 0 55px;margin-bottom:20px}.post-content ol li{counter-increment:step-counter;position:unset!important}.post-content ol li::before{content:counter(step-counter);position:absolute;left:0;width:36px;height:36px;font-size:14px;font-weight:600;background-color:#f3f4f5;border-radius:99px;text-align:center;line-height:36px}.post-content ol:not([start]){counter-reset:step-counter}