*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.5}@media (min-width: 49rem){html{font-size:1.25rem}}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}main,article,section{display:block}a{color:#268bd2;text-decoration:none}a:hover,a:focus{text-decoration:underline}a strong{color:inherit}img{display:block;max-width:100%;margin:0 0 1rem;border-radius:5px;height:auto}table{margin-bottom:1rem;width:100%;font-size:85%;border:1px solid #e5e5e5;border-collapse:collapse}td,th{padding:.25rem .5rem;border:1px solid #e5e5e5}th{text-align:left}tbody tr:nth-child(odd) td,tbody tr:nth-child(odd) th{background-color:#f9f9f9}input[type="text"],input[type="search"],input[type="submit"],button{padding:1em 1.5em;border:1px solid #e5e5e5;border-radius:300px}button,input[type="submit"]{cursor:pointer;background:transparent;border-color:#e5e5e5;color:#268bd2;transition:color 0.6s ease-in-out, border-color 0.6s ease-in-out, background 0.6s ease-in-out}button:hover,input[type="submit"]:hover{background:#268bd2;border-color:#268bd2;color:white;box-shadow:1px 1px 1px rgba(0,0,0,0.16)}h1,h2,h3,h4,h5,h6,.site-title{margin-bottom:.5rem;font-weight:600;line-height:1.25;color:#313131;text-rendering:optimizeLegibility}h1{font-size:2rem}h2{margin-top:1rem;font-size:1.5rem}h3{margin-top:1.5rem;font-size:1.25rem}h4,h5,h6{margin-top:1rem;font-size:1rem}p{margin-top:0;margin-bottom:1rem}strong{color:#303030}ul,ol,dl{margin-top:0;margin-bottom:1rem}dt{font-weight:bold}dd{margin-bottom:.5rem}hr{position:relative;margin:1.5rem 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}abbr{font-size:85%;font-weight:bold;color:#555;text-transform:uppercase}abbr[title]{cursor:help;border-bottom:1px dotted #e5e5e5}blockquote{padding:.5rem 1rem;margin:.8rem 0;color:#7a7a7a;border-left:0.25rem solid #e5e5e5}blockquote p:last-child{margin-bottom:0}@media (min-width: 30em){blockquote{padding-right:5rem;padding-left:1.25rem}}a[href^="#fn:"],a[href^="#fnref:"]{display:inline-block;margin-left:.1rem;font-weight:bold}.footnotes{margin-top:2rem;font-size:85%}.lead{font-size:1.25rem;font-weight:300}a svg,.icon svg{height:1em}a svg{fill:#268bd2}.icon{vertical-align:middle}.hll{background-color:#22282A}.c{color:#99AA8A}.err{color:#960050;background-color:#1e0010}.k{color:#93C763}.l{color:#ae81ff}.n{color:#F1F2F3}.o{color:#E8E2B7}.p{color:#F1F2F3}.ch{color:#99AA8A}.cm{color:#99AA8A}.cp{color:#99AA8A}.cpf{color:#99AA8A}.c1{color:#99AA8A}.cs{color:#99AA8A}.gd{color:#E8E2B7}.ge{font-style:italic}.gi{color:#678CB1}.gs{font-weight:bold}.gu{color:#99AA8A}.kc{color:#93C763}.kd{color:#93C763}.kn{color:#E8E2B7}.kp{color:#93C763}.kr{color:#93C763}.kt{color:#83D8E1}.ld{color:#EC7600}.m{color:#FFCD22}.s{color:#EC7600}.na{color:#678CB1}.nb{color:#F1F2F3}.nc{color:#678CB1}.no{color:#93C763}.nd{color:#678CB1}.ni{color:#F1F2F3}.ne{color:#678CB1}.nf{color:#678CB1}.nl{color:#F1F2F3}.nn{color:#F1F2F3}.nx{color:#678CB1}.py{color:#F1F2F3}.nt{color:#E8E2B7}.nv{color:#F1F2F3}.ow{color:#E8E2B7}.w{color:#F1F2F3}.mb{color:#FFCD22}.mf{color:#FFCD22}.mh{color:#FFCD22}.mi{color:#FFCD22}.mo{color:#FFCD22}.sa{color:#EC7600}.sb{color:#EC7600}.sc{color:#EC7600}.dl{color:#EC7600}.sd{color:#EC7600}.s2{color:#EC7600}.se{color:#ae81ff}.sh{color:#EC7600}.si{color:#EC7600}.sx{color:#EC7600}.sr{color:#EC7600}.s1{color:#EC7600}.ss{color:#EC7600}.bp{color:#F1F2F3}.fm{color:#678CB1}.vc{color:#F1F2F3}.vg{color:#F1F2F3}.vi{color:#F1F2F3}.vm{color:#F1F2F3}.il{color:#FFCD22}code,pre{font-family:Menlo,Monaco,"Courier New",monospace}code{padding:.25em .5em;font-size:85%;color:#bf616a;background-color:#f9f9f9;border-radius:3px}pre{margin-top:0;margin-bottom:1rem}pre code{padding:0;font-size:100%;color:inherit;background-color:transparent}.highlight{padding:1rem;margin-bottom:1rem;font-size:.8rem;line-height:1.4;background-color:#202020;border-radius:.25rem}.highlight pre{margin-bottom:0;overflow-x:auto}.highlight .lineno{display:inline-block;padding-right:.75rem;padding-left:.25rem;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none}pre{max-width:100%;overflow-x:auto}body{color:rgba(255,255,255,0.75);background-color:#202020;background-image:linear-gradient(to bottom, #323232, #0e0e0e);display:flex;flex-direction:column;min-width:100vw;min-height:100vh}#sidebar{flex:0 0 auto;padding:2rem}#sidebar .site-title{font-family:"Abril Fatface", serif;font-weight:normal;font-size:1.25rem;color:rgba(255,255,255,0.75);margin-top:0;margin-bottom:.5rem}#sidebar .site-title a{color:inherit}#sidebar .site-title a:hover{color:#fff}#sidebar .site-title .back-arrow{margin-right:0.5rem}.container{flex:1 1 auto;display:flex;flex-direction:column}.container>.content{flex-grow:1;padding-bottom:4rem}.content{background:#fff;color:#515151;padding:2rem}#sidebar header ~ *,#sidebar header ~ nav,#sidebar p.lead{display:none}.container>header{background:transparent;color:white;margin:-1.5rem 2rem 2rem}.container>header h1,.container>header h2{color:white}.container>header h1:last-child,.container>header h2:last-child{margin-bottom:0}.home #sidebar{text-align:center}.home #sidebar .site-title{font-size:3.25rem;color:#fff}.home #sidebar header ~ *,.home #sidebar p.lead{display:block}.home #sidebar header ~ nav{display:flex}.home #sidebar>*:last-child{margin-bottom:0.5rem}@media (min-width: 49rem){body{flex-direction:row;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}body>*{max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#sidebar,.home #sidebar{width:18rem;text-align:left}#sidebar>*:last-child,.home #sidebar>*:last-child{margin-bottom:0}#sidebar .site-title{font-size:3.25rem}#sidebar .site-title a{color:#fff}#sidebar .site-title .back-arrow{display:none}#sidebar p.lead,#sidebar header ~ *{display:block}#sidebar header ~ nav{display:flex}.index #sidebar{margin-bottom:0}.container{background:#fff;color:#515151;padding:4rem 4rem 0;height:100vh}.container>header{color:inherit;margin:0}.container>header h1,.container>header h2{color:inherit}.container>header h1:last-child,.container>header h2:last-child{margin-bottom:.5rem}.container>*{max-width:38rem;padding:0}}#sidebar a svg{fill:rgba(255,255,255,0.85)}#sidebar a:hover svg,#sidebar a:focus svg,#sidebar a.active svg{fill:#fff}#sidebar a:hover,#sidebar a:focus{text-decoration:underline}#sidebar a:hover.icon,#sidebar a:focus.icon{text-decoration:none}#sidebar a.active{font-weight:bold}#sidebar nav{display:flex}#sidebar-nav-links{flex-flow:column nowrap}#sidebar-icon-links{max-width:100%;flex-flow:row wrap;justify-content:center;margin-top:1rem}@media (min-width: 49rem){#sidebar-icon-links{margin-left:-0.25em;justify-content:flex-start}}#sidebar nav>*{display:block;line-height:1.75}#sidebar nav>.icon{font-size:1.5rem;display:inline-block;margin:0 0.25em}@media (min-width: 49rem){body{align-items:flex-end}}.masthead{padding-top:1rem;padding-bottom:1rem;margin-bottom:3rem}.masthead-title{margin-top:0;margin-bottom:0;color:#515151}.masthead-title a{color:inherit}.masthead-title small{font-size:75%;font-weight:400;opacity:.5}article+*,.post-body ~ section{padding-top:2rem;border-top:1px solid #e5e5e5;margin-top:2rem}article+*>h2:first-child,article+*>h3:first-child,.post-body ~ section>h2:first-child,.post-body ~ section>h3:first-child{margin-top:0}.post .content li+li,.page .content li+li{margin-top:.25rem}.page-title,.post-title,.post-title a{color:#313131}.page-title,.post-title{margin-top:0}h2.post-title,h2.page-title{font-size:2rem}.post-meta{margin-top:-.5rem;margin-bottom:1rem;color:#767676}.post-tags a{font-size:0.8em;margin-right:0.5rem;white-space:nowrap;opacity:0.75}.post-tags a .tag-name{text-transform:capitalize}.post-tags a:hover{text-decoration:none;opacity:1}.posts-by-tag h2{text-transform:capitalize}.posts-list{padding-left:0;list-style:none}.posts-list h3{margin-top:0}.posts-list li small{font-size:75%;color:#999;white-space:nowrap}.posts-list li a:hover{color:#268bd2;text-decoration:none}.posts-list li a:hover small{color:inherit}button.disqus-load{margin-top:1em}.pagination{margin-bottom:2rem;color:#ccc;text-align:center}.pagination>a{display:inline-block;padding:1em 1.5em;border:solid #e5e5e5;border-radius:300px;border-width:1px;width:60%;max-width:18rem;background:#fff;box-shadow:1px 1px 1px rgba(0,0,0,0.16)}.pagination>a:hover{background-color:#e5e5e5}*+.pagination{margin-top:2rem}.content .pagination:first-child{margin-top:-4rem}.index #sidebar{padding-bottom:calc(2rem + 1em)}.home.index #sidebar{padding-bottom:2rem}@media (min-width: 49rem){.pagination>a{box-shadow:none}.pagination>a:hover{box-shadow:1px 1px 1px rgba(0,0,0,0.16)}.content .pagination:first-child{margin-top:0}.content .pagination:first-child+*{padding-top:2rem;border-top:1px solid #e5e5e5;margin-top:2rem}.index #sidebar{padding-bottom:2rem}}.message{margin-bottom:1rem;padding:1rem;color:#717171;background-color:#f9f9f9}.search-row{display:flex;border:1px solid #e5e5e5;border-radius:300px;padding:2px}.search-row input{border:0}.search-row input+input{margin-left:2px}.search-row input[type="text"],.search-row input[type="search"]{flex-grow:1}.tags-list a{margin-right:0.5em;white-space:nowrap;opacity:0.75}.tags-list a .tag-count{background:#268bd2;color:rgba(255,255,255,0.8);margin-left:0.25em;border-radius:1000px;font-size:0.75em;padding-left:0.6em;padding-right:0.6em}.tags-list a:hover{text-decoration:none;opacity:1}@keyframes posts-for-tag-fade-in{from{opacity:0}to{opacity:1}}.posts-for-tag{display:none}.posts-for-tag:target{display:block;animation:posts-for-tag-fade-in 0.6s ease-in-out}body{background-image:none}.sidebar{background-color:#202020}#sidebar a:hover,#sidebar a:focus{text-decoration:none}#sidebar .site-title{font-size:2.25rem}.home #sidebar .site-title{font-size:2.25rem;color:#ffffff}.site-title a{font-weight:bold;color:#FFFFFF;display:block;font-family:'Times New Roman', Times, serif}p.lead{font-size:0.8rem;color:#c8c8c8;background-color:#2c2c2c;padding:0.7rem;border-radius:3px;font-family:Arial, Helvetica, sans-serif}.sidebar-nav{transition:all 0.3s linear}.sidebar-ul{list-style-type:none;padding:0;margin-bottom:0.5rem}header p{margin-top:0;margin-bottom:0.5rem}.site-version{color:#707070;font-size:0.8rem;font-family:Arial, Helvetica, sans-serif}.sidebar-li a{height:45px;text-decoration:none;display:block;line-height:45px;padding-left:1rem;color:#fcfcfc;font-size:1.1rem;font-family:Arial, Helvetica, sans-serif;border-left:5px solid transparent;letter-spacing:1px}.sidebar-li a:hover{background-color:#303030;color:#fff;border-left:3px solid #f7393a}.sidebar-li:nth-child(1) a:hover{border-color:#2196f3}.sidebar-li:nth-child(2) a:hover{border-color:#f44336}.sidebar-li:nth-child(3) a:hover{border-color:#4caf50}.sidebar-li:nth-child(4) a:hover{border-color:#ff9800}.sidebar-li:nth-child(5) a:hover{border-color:#673ab7}.sidebar-li:nth-child(6) a:hover{border-color:#009688}.site-github{font-size:0.8rem;margin-left:0rem;margin-right:0rem;color:#c8c8c8;margin-top:0.5rem;background-color:#2c2c2c;padding:0.7rem;border-radius:3px;line-height:24px;font-family:Arial, Helvetica, sans-serif}.site-github a{color:#cfcfcf;font-weight:bold;text-decoration:none}.site-github a:hover{color:#4caf50}.site-copyright{color:#afafaf;font-size:0.8rem;margin-top:1rem;margin-bottom:1rem}.site-copyright a{color:#afafaf;text-decoration:none}.site-copyright a:hover{color:#2196f3}.btn-download{position:relative}.right{position:relative}.btn-download span a{text-decoration:none;color:#f7393a;padding:0.8rem;border:1px solid #f7393a;border-radius:5px}.btn-download a:hover{background-color:#f7393a;color:#fcfcfc}.color-preview{display:block;padding:1rem;height:2rem;width:1rem;margin:auto;border-radius:50rem}.cards{display:grid;padding:1rem;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));grid-gap:1.5rem}.card{border-radius:6px;box-shadow:rgba(219,219,219,0.56) 0px 16px 16px 0px;-webkit-transform:none;-ms-transform:none;transform:none;display:grid;box-sizing:border-box;-webkit-transition:all 500ms ease;transition:all 500ms ease}.card-gradient{height:220px;border-radius:0px;box-shadow:0 3px 6px rgba(100,100,100,0.16),0 3px 6px rgba(0,0,0,0.23);background-color:#787878;background-image:-webkit-linear-gradient(45deg, #2e3192, #1bffff);background-image:linear-gradient(45deg, #2e3192, #1bffff)}.card-gradient p{position:relative;float:left;top:50%;left:50%;font-size:1.5rem;font-weight:bold;color:#fcfcfc;transform:translate(-50%, -50%)}.card-container{padding:4px 25px 30px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:white;display:block}.card-container p{margin-bottom:0px;font-size:0.8rem}