html,body,h1,h2,h3,h4,p,ul,ol,li,dl,dd,dt,figure,hr{margin:0;padding:0}li{list-style-type:none}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:62.5%;cursor:default;-moz-tab-size:4;tab-size:4;word-break:break-word}*,*:before,*:after{box-sizing:inherit;background-repeat:no-repeat}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;background:none;border:none;border-top:solid #ddd 1px;margin:4.6rem 0}pre,code,kbd,samp{font-family:"Andale Mono","Monaco","Lucida Console","Menlo","Consolas","Roboto Mono","Liberation Mono",monospace;font-size:.9em;text-shadow:none}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;overflow:auto}pre>code{white-space:pre}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:dotted currentColor 1px;text-decoration:none;cursor:help}b,strong{font-weight:bolder}img{border-style:none;display:block}svg:not(:root){overflow:hidden}template,[hidden]{display:none}article,aside,details,footer,header,main,menu,nav,section,summary,canvas,picture{display:block}::-moz-selection{background-color:#a6c3e0;color:#162a3e;text-shadow:none}::selection{background-color:#a6c3e0;color:#162a3e;text-shadow:none}html{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Droid Sans","Helvetica Neue",Arial,sans-serif;background:#fff;color:#444}body{font-weight:400;font-size:1.6em;line-height:1.7}a{color:#3e76af;text-decoration:none;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}a:hover,a:active{color:#444}a:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(62,118,175,0.35) !important}hr{display:none}img{background:#fff}summary{cursor:pointer}summary:focus{outline:none}#header{text-align:center;padding:4.6rem}@media all and (max-width: 660px){#header{padding:4.6rem 2.3rem}}#header h1{font-size:1.8em;font-weight:700;line-height:1;margin:0 0 .92rem;display:inline-block;clear:both}#header h1 strong{font-weight:700}#header h1 a{color:#444}#header h1 a:before{content:'';display:block;width:64px;height:64px;margin:0 auto 2.3rem;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%233b3b3b' d='M0 0h307L154 153v359H0z'/%3E %3Cpath fill='%234d4d4d' d='M0 0l154 153L307 0z'/%3E %3Cpath fill='%233e76af' d='M179 179L333 26l153 153-153 154v179H179z'/%3E %3Cpath fill='%234a8ebf' d='M333 26v307L179 179z'/%3E %3Cpath fill='%233b3b3b' d='M359 359l153-154v307H359z'/%3E %3Cpath fill='%234d4d4d' d='M359 359l153-154v307z'/%3E %3C/svg%3E");background-size:contain;border-radius:50%}#header h2{font-size:1em;font-weight:400;line-height:1}#header ul{padding:2.3rem 0 0 0}#header ul li{display:inline-block;padding:0 5px}#header ul li:first-child{padding-left:0}#header ul li:last-child{padding-right:0}#header ul li a{display:block;width:3.6rem;height:3.6rem;overflow:hidden;background-color:#3e76af;border-radius:50%}#header ul li a:hover{background-color:#444}#header ul li a:before{content:'';display:block;width:1.6rem;height:1.6rem;margin:1rem;background-size:contain;background-repeat:no-repeat;background-position:center center}#header ul li[data-link="twitter"] a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M459 152l1 13c0 139-106 299-299 299-59 0-115-17-161-47a217 217 0 0 0 156-44c-47-1-85-31-98-72l19 1c10 0 19-1 28-3-48-10-84-52-84-103v-2c14 8 30 13 47 14A105 105 0 0 1 36 67c51 64 129 106 216 110-2-8-2-16-2-24a105 105 0 0 1 181-72c24-4 47-13 67-25-8 24-25 45-46 58 21-3 41-8 60-17-14 21-32 40-53 55z'/%3E%3C/svg%3E")}#header ul li[data-link="instagram"] a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23fff' d='M352 0H160C72 0 0 72 0 160v192c0 88 72 160 160 160h192c88 0 160-72 160-160V160C512 72 440 0 352 0zm112 352c0 62-50 112-112 112H160c-62 0-112-50-112-112V160C48 98 98 48 160 48h192c62 0 112 50 112 112v192z'/%3E %3Ccircle cx='256' cy='256' r='104' fill='none' stroke='%23fff' stroke-width='48'/%3E %3Ccircle cx='394' cy='118' r='18' fill='%23fff'/%3E %3C/svg%3E ")}#header ul li[data-link="github"] a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 512'%3E%3Cpath fill='%23fff' d='M186 329c0 21-11 55-37 55s-36-34-36-55 11-55 36-55 37 34 37 55zm294-51c0 32-3 66-17 95-38 77-143 75-217 75-76 0-186 3-226-75-14-29-20-63-20-95 0-42 14-81 42-113-6-16-8-33-8-49 0-22 5-32 14-52 46 0 75 9 109 36a383 383 0 0 1 169-1c34-26 63-35 108-35 10 20 15 30 15 52 0 16-3 33-8 48 28 32 39 72 39 114zm-64 51c0-44-27-83-74-83-19 0-37 3-56 6a294 294 0 0 1-90 0c-19-3-37-6-56-6-47 0-73 39-73 83 0 87 80 101 150 101h48c70 0 151-13 151-101zm-83-55c-26 0-37 34-37 55s11 55 37 55 37-34 37-55-11-55-37-55z'/%3E%3C/svg%3E")}#header ul li[data-link="codepen"] a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23fff' d='M502 160L268 4c-8-5-16-5-24 0L10 160c-6 4-10 11-10 18v156c0 7 4 14 10 18l234 156c8 5 16 5 24 0l234-156c6-4 10-11 10-18V178c0-7-4-14-10-18zM278 63l172 115-77 51-95-63V63zm-44 0v103l-95 63-77-51L234 63zM44 219l55 37-55 37v-74zm190 230L62 334l77-51 95 63v103zm22-141l-78-52 78-52 78 52-78 52zm22 141V346l95-63 77 51-172 115zm190-156l-55-37 55-37v74z'/%3E %3C/svg%3E")}#header ul li[data-link="npm"] a:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M26 26h460v460h-92V118H256v368H26z'/%3E%3C/svg%3E")}#header ul li[data-link="linkedin"] a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M100 448H7V149h93v299zM54 108C24 108 0 84 0 54S24 0 54 0s54 24 54 54-25 54-54 54zm394 340h-93V302c0-34 0-79-48-79s-56 38-56 77v148h-92V149h89v41h1c12-24 43-49 88-49 94 0 111 62 111 143v164z'/%3E%3C/svg%3E")}#header ul li[data-link="youtube"] a:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E %3Cpath fill='%23fff' d='M550 124c-7-24-25-42-49-49-42-11-213-11-213-11S117 64 75 75c-24 7-42 25-49 49-11 43-11 132-11 132s0 90 11 133c7 23 25 41 49 48 42 11 213 11 213 11s171 0 213-11c24-7 42-25 49-48 11-43 11-133 11-133s0-89-11-132zM232 338V175l143 81-143 82z'/%3E %3C/svg%3E")}#header ul li[data-link="mail"] a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M502 191c4-3 10 0 10 5v204c0 27-21 48-48 48H48c-26 0-48-21-48-48V196c0-5 6-8 10-5l154 114c21 15 56 47 92 47s72-33 92-47l154-114zM256 320c23 0 57-29 73-41 133-97 143-105 174-129 6-5 9-12 9-19v-19c0-26-22-48-48-48H48C22 64 0 86 0 112v19c0 7 3 14 9 19 31 24 41 32 174 129 16 12 50 41 73 41z'/%3E%3C/svg%3E")}@media all and (max-width: 660px){#header ul li{padding:0 4px}#header ul li a{width:3rem;height:3rem}#header ul li a:before{width:1.4rem;height:1.4rem;margin:.8rem}}main>section,main>article{max-width:96.4rem;min-width:35.2rem;padding:2.3rem 4.6rem 0;margin:0 auto}main>section a,main>article a{box-shadow:0 0 0 #3e76af}main>section a:hover,main>article a:hover{color:#444;box-shadow:0 2px 0 #3e76af}@media all and (max-width: 660px){main>section,main>article{padding:2.3rem 2.3rem 0}}main>article{max-width:78rem}body{max-width:100%;overflow-x:hidden}aside[role="complementary"]{display:none}#footer{text-align:center;padding:4.6rem;font-size:81.25%}#footer p{margin:0}#footer p>strong:before{content:'\2014\00a0';font-weight:400}#footer a{box-shadow:0 0 0 #3e76af}#footer a:hover{color:#444;box-shadow:0 2px 0 #3e76af}@media all and (max-width: 660px){#footer{padding:4.6rem 2.3rem}#footer p>strong{display:block}#footer p>strong:before{content:none}}#notfound main>article{text-align:center}main>section>footer{text-align:center;padding:0 0 2.3rem}main>section>ul{margin:0 auto;width:87.2rem;display:flex;flex-wrap:wrap;justify-content:space-between}main>section>ul:after{content:'';flex:0 0 26rem}main>section>ul>li{width:26rem;flex:0 0 26rem;margin:0 0 4.6rem;font-size:1.4rem;line-height:1.5;position:relative;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}main>section>ul>li.hidden{overflow:hidden;max-height:0px;margin:0;opacity:0;top:40px}main>section>ul>li.visible{max-height:320px;opacity:1;top:0px}main>section>ul>li h3{font-size:1.9rem;font-weight:700;line-height:1;margin:0 0 1.15rem}main>section>ul>li h3 a{max-width:100%;display:inline-block;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}main>section>ul>li figure>a{display:block;width:260px;height:80px;margin:0 0 1.15rem;overflow:hidden;border-radius:3px;background:#eaeaea}main>section>ul>li figure>a img{background:transparent;width:26rem;height:80px;-webkit-transition:transform .25s ease-in-out, opacity .25s ease-in-out .25s;transition:transform .25s ease-in-out, opacity .25s ease-in-out .25s}main>section>ul>li figure>a img.gandul{opacity:0}main>section>ul>li figure>a img.gandul-active{opacity:1}main>section>ul>li figure>a picture{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-size:87.5%;color:#aaa}main>section>ul>li figure>a:hover{box-shadow:none}main>section>ul>li figure>a:hover img{transform:scale(1.1)}main>section>ul>li figure figcaption span{display:block}main>section>ul>li figure figcaption mark{display:block;background:none;color:#9d9d9d;padding:5px 0}main>section>ul>li ul li{margin:0 0 0 2.3rem;list-style-type:disc}@media all and (min-width: 660px) and (max-width: 960px){main>section>ul{width:56.6rem}}@media all and (max-width: 660px){main>section>ul{width:26rem}}main>article h1{font-size:1.8em;font-weight:700;line-height:1.2;margin:0 0 .76666667rem}main>article h1 a{color:#444}main>article h2{font-size:180%;font-weight:700;line-height:1.2;margin:0 0 1.15rem}main>article h3{font-size:175%;font-weight:700;line-height:1;margin:0 0 1.15rem}main>article h4{font-size:125%;font-weight:700;line-height:1.4;margin:0 0 1.15rem}main>article p{margin:1.15rem 0 2.3rem}main>article p img{display:block;width:100%;margin:2.3rem auto;border-radius:3px}main>article ul{margin:1.15rem 0 2.3rem;padding:0 0 0 2.3rem}main>article ul li{margin:0 0 1.15rem 0;list-style-type:disc}main>article ul li:last-child{margin-bottom:0}main>article ol{margin:1.15rem 0 2.3rem}main>article ol li{list-style:inside decimal-leading-zero;list-style:none;margin:0 0 2.3rem 0}main>article ol li p{margin:1.15rem 0 2.3rem}main>article code{padding:2px 4px;border-radius:3px;font-size:.8em;background-color:#f2f2f2}main>article pre{border:1px dotted #c3c3c3;margin:0 0 4.6rem;padding:1.53333333rem 1.84rem;border-radius:3px;font-size:.85em;line-height:1.5}main>article pre code{background-color:transparent;font-size:.85em;padding:0}main>article canvas{margin:0 auto}main>article hr{display:block}main>article img.small{width:100%;max-width:480px}main>article .video{width:100%;margin:2.3rem 0;position:relative;padding-bottom:56.25%}main>article .video>iframe{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}code.hljs .hljs-keyword,code.hljs .hljs-attribute,code.hljs .hljs-selector-tag,code.hljs .hljs-meta-keyword,code.hljs .hljs-doctag,code.hljs .hljs-name{font-weight:bold;color:#444}code.hljs .hljs-_,code.hljs .hljs-built_in,code.hljs .hljs-literal,code.hljs .hljs-bullet,code.hljs .hljs-code,code.hljs .hljs-addition{color:#3f3eaf;font-weight:bold}code.hljs .hljs-regexp,code.hljs .hljs-symbol,code.hljs .hljs-variable,code.hljs .hljs-template-variable,code.hljs .hljs-link,code.hljs .hljs-selector-attr,code.hljs .hljs-selector-pseudo{color:#BC6060}code.hljs .hljs-type,code.hljs .hljs-string,code.hljs .hljs-number,code.hljs .hljs-selector-id,code.hljs .hljs-selector-class,code.hljs .hljs-quote,code.hljs .hljs-template-tag,code.hljs .hljs-deletion{color:#3eafaf}code.hljs .hljs-title,code.hljs .hljs-section{color:#af3eae;font-weight:bold}code.hljs .hljs-comment{color:#aaa;font-style:italic}code.hljs .hljs-meta{color:#2B6EA1}code.hljs .hljs-emphasis{font-style:italic}code.hljs .hljs-strong{font-weight:bold}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="button"],input[type="reset"],input[type="submit"],.button{display:inline-block;background:#fff;color:#3e76af;line-height:1.5;text-align:center;font-size:87.5%;padding:1.15rem 4.6rem;border:solid #3e76af 1px;border-radius:3px;cursor:pointer;min-width:26rem;max-width:100%;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}button:hover,html input[type="button"]:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,.button:hover{border:solid #444 1px;color:#444;box-shadow:none}button:focus,html input[type="button"]:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,.button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(62,118,175,0.35) !important}table{table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:0 0 4.6rem}table caption{text-align:left;font-weight:700;font-size:1.4em;padding:1.15rem 0}table th,table td{font-size:.8em;border-bottom:solid #f2f2f2 1px;vertical-align:baseline}table thead th{padding:1.15rem 0;text-align:left;font-weight:700}table tbody td{padding:1.15rem 4.6rem 1.15rem 0}table tbody td:last-child{padding:1.15rem 0}