From cdc27f6a33970527dc60fd0155fdfafda22651c0 Mon Sep 17 00:00:00 2001 From: Nakul Date: Wed, 23 Dec 2020 12:42:33 +0530 Subject: [PATCH] added app download buttons on home screen --- assets/css/style.css | 2 +- index.hbs | 8 ++++++++ src/sass/style.scss | 24 ++++++++++++++++++++++++ 3 files changed, 33 insertions(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index 5a2dbe2d..a61c660b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1 +1 @@ -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}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=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:'icon';src:url("../font/icon.eot?89549845");src:url("../font/icon.eot?89549845#iefix") format("embedded-opentype"),url("../font/icon.woff2?89549845") format("woff2"),url("../font/icon.woff?89549845") format("woff"),url("../font/icon.ttf?89549845") format("truetype"),url("../font/icon.svg?89549845#icon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"icon";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:0.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:0.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-star:before{content:'\e800'}.icon-mail:before{content:'\e801'}.icon-globe:before{content:'\e802'}.icon-arrow-left:before{content:'\e803'}.icon-arrow-right:before{content:'\e804'}.icon-search:before{content:'\e805'}.icon-rss:before{content:'\e807'}.icon-twitter:before{content:'\f099'}.icon-facebook:before{content:'\f09a'}.icon-menu:before{content:'\f0c9'}.icon-linkedin:before{content:'\f0e1'}@font-face{font-family:'Cardo';font-style:normal;font-weight:400;src:url("../font/cardo-v9-latin-regular.eot");src:local("Cardo"),local("Cardo-Regular"),url("../font/cardo-v9-latin-regular.eot?#iefix") format("embedded-opentype"),url("../font/cardo-v9-latin-regular.woff2") format("woff2"),url("../font/cardo-v9-latin-regular.woff") format("woff"),url("../font/cardo-v9-latin-regular.ttf") format("truetype"),url("../font/cardo-v9-latin-regular.svg#Cardo") format("svg")}@font-face{font-family:'Cardo';font-style:italic;font-weight:400;src:url("../font/cardo-v9-latin-italic.eot");src:local("Cardo Italic"),local("Cardo-Italic"),url("../font/cardo-v9-latin-italic.eot?#iefix") format("embedded-opentype"),url("../font/cardo-v9-latin-italic.woff2") format("woff2"),url("../font/cardo-v9-latin-italic.woff") format("woff"),url("../font/cardo-v9-latin-italic.ttf") format("truetype"),url("../font/cardo-v9-latin-italic.svg#Cardo") format("svg")}@font-face{font-family:'Cardo';font-style:normal;font-weight:700;src:url("../font/cardo-v9-latin-700.eot");src:local("Cardo Bold"),local("Cardo-Bold"),url("../font/cardo-v9-latin-700.eot?#iefix") format("embedded-opentype"),url("../font/cardo-v9-latin-700.woff2") format("woff2"),url("../font/cardo-v9-latin-700.woff") format("woff"),url("../font/cardo-v9-latin-700.ttf") format("truetype"),url("../font/cardo-v9-latin-700.svg#Cardo") format("svg")}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;src:url("../font/fira-sans-v8-latin-regular.eot");src:local("Fira Sans Regular"),local("FiraSans-Regular"),url("../font/fira-sans-v8-latin-regular.eot?#iefix") format("embedded-opentype"),url("../font/fira-sans-v8-latin-regular.woff2") format("woff2"),url("../font/fira-sans-v8-latin-regular.woff") format("woff"),url("../font/fira-sans-v8-latin-regular.ttf") format("truetype"),url("../font/fira-sans-v8-latin-regular.svg#FiraSans") format("svg")}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;src:url("../font/fira-sans-v8-latin-500.eot");src:local("Fira Sans Medium"),local("FiraSans-Medium"),url("../font/fira-sans-v8-latin-500.eot?#iefix") format("embedded-opentype"),url("../font/fira-sans-v8-latin-500.woff2") format("woff2"),url("../font/fira-sans-v8-latin-500.woff") format("woff"),url("../font/fira-sans-v8-latin-500.ttf") format("truetype"),url("../font/fira-sans-v8-latin-500.svg#FiraSans") format("svg")}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;src:url("../font/fira-sans-v8-latin-700.eot");src:local("Fira Sans Bold"),local("FiraSans-Bold"),url("../font/fira-sans-v8-latin-700.eot?#iefix") format("embedded-opentype"),url("../font/fira-sans-v8-latin-700.woff2") format("woff2"),url("../font/fira-sans-v8-latin-700.woff") format("woff"),url("../font/fira-sans-v8-latin-700.ttf") format("truetype"),url("../font/fira-sans-v8-latin-700.svg#FiraSans") format("svg")}.hljs{display:block;color:#66645c;-webkit-text-size-adjust:none}.hljs-comment,.diff .hljs-header,.hljs-javadoc{color:#998;font-style:italic}.hljs-keyword,.css .rule .hljs-keyword,.hljs-winutils,.nginx .hljs-title,.hljs-subst,.hljs-request,.hljs-status{color:#333;font-weight:bold}.hljs-number,.hljs-hexcolor,.ruby .hljs-constant{color:#008080}.hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula{color:#d14}.hljs-title,.hljs-id,.scss .hljs-preprocessor{color:#900;font-weight:bold}.hljs-list .hljs-keyword,.hljs-subst{font-weight:normal}.hljs-class .hljs-title,.hljs-type,.vhdl .hljs-literal,.tex .hljs-command{color:#458;font-weight:bold}.hljs-tag,.hljs-tag .hljs-title,.hljs-rule .hljs-property,.django .hljs-tag .hljs-keyword{color:#000080;font-weight:normal}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.hljs-name{color:#008080}.hljs-regexp{color:#009926}.hljs-symbol,.ruby .hljs-symbol .hljs-string,.lisp .hljs-keyword,.clojure .hljs-keyword,.scheme .hljs-keyword,.tex .hljs-special,.hljs-prompt{color:#990073}.hljs-built_in{color:#0086b3}.hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}html{font-size:62.5%;overflow-x:hidden}.menu-active body,html.menu-active{overflow-y:hidden}body{font:400 1em / 1.5em 'Fira Sans', sans-serif;color:#222426;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#FFF}@media (prefers-color-scheme: dark){body{background:#222426;color:#e1e3e6}}button,input,select,textarea{transition:all ease-out 0.2s}.post-content a{color:inherit;text-decoration:none;font-weight:400;box-shadow:inset 0 -2px 0 #ffc800;transition:all ease-out 0.1s}.post-content a:focus,.post-content a:hover{box-shadow:inset 0 -3px 0 #d9b120}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{line-height:1.25em;margin:0 0 4rem;text-rendering:optimizeLegibility;color:#000}@media (prefers-color-scheme: dark){.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:#FFF}}.post-content h1{font-size:4rem;text-indent:-1px}.post-content h2{font-size:3rem;text-indent:-1px}.post-content h3{font-size:2.4rem}.post-content h4{font-size:2rem}.post-content h5,.post-content h6{font-size:2rem;font-weight:500}.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a{font-weight:inherit}.post-content p{font-family:'Cardo', serif;margin:0 0 4rem}.post-content ol,.post-content ul{font-family:'Cardo', serif;margin:0 0 4rem;padding-left:2em;box-sizing:border-box}.post-content ul{list-style:none}.post-content li{position:relative}.post-content ol>li:before,.post-content ul>li:before{position:absolute;width:1.5em;margin-left:-2em;font-size:1em;font-weight:500;line-height:1.5em;text-align:right;color:#ffc800;font-family:'Fira Sans', sans-serif}.post-content ul>li:before{margin-top:-1px;content:'—'}.post-content ol{list-style-type:none;counter-reset:item}.post-content ol>li:before{content:counter(item) ". " !important;counter-increment:item}.post-content ol ol,.post-content ol ul,.post-content ul ol,.post-content ul ul{padding-left:30px;margin:15px 0}.post-content hr{display:block;height:1px;margin:0 0 4rem;padding:0;background:#e1e3e6;border:0}@media (prefers-color-scheme: dark){.post-content hr{background:#3b3d40}}.post-content blockquote{font-family:'Cardo', serif;margin:0 0 4rem;padding:0.25em 1em;-moz-box-sizing:border-box;box-sizing:border-box;border-left:0.25em solid #ffc800;font-style:italic;font-weight:400}.post-content blockquote *{margin:0 0 1em;font-family:inherit;color:inherit}.post-content blockquote *:first-child{margin-top:0}.post-content blockquote *:last-child{margin-bottom:0}.post-content em,.post-content i{font-style:italic}.post-content b,.post-content strong{font-weight:700}@media (prefers-color-scheme: dark){.post-content b,.post-content strong{color:#c4c7cc}}.post-content small{font-size:0.9em}.post-content dl{font-family:'Cardo', serif;margin:0 0 4rem;padding-left:30px}.post-content dl dt{font-weight:500;font-size:0.75em;line-height:1.25em;font-weight:700;margin-bottom:0.33334em}.post-content dl dt:before{content:'';position:absolute;width:1em;height:1px;margin-left:-30px;margin-top:0.5em;background:#c4c7cc}.post-content dl dd{margin-left:0;margin-bottom:1em}.post-content mark{background-color:#ffc336}.post-content code,.post-content tt{position:relative;margin:0 1px;padding:4px 8px;font-family:monospace, sans-serif;font-size:0.75em;background:#f7f8fa;border:1px solid #e1e3e6;top:-2px;white-space:pre-wrap}@media (prefers-color-scheme: dark){.post-content code,.post-content tt{background:#222426;border-color:#3b3d40}}.post-content pre{position:relative;margin:0 0 4rem;padding:1em;overflow:hidden;font-family:monospace, sans-serif;white-space:pre;background:#f7f8fa;border:1px solid #e1e3e6;box-sizing:border-box}@media (prefers-color-scheme: dark){.post-content pre{background:#222426;border-color:#3b3d40}}.post-content pre .lines{position:absolute;width:2.66667em;height:100%;left:0;top:0;padding:1.33334em 0;border-right:1px solid #e1e3e6;color:#909499;font-size:0.75em;line-height:2em;text-align:right;box-sizing:border-box;background:#f7f8fa;user-select:none;-webkit-user-select:none}@media (prefers-color-scheme: dark){.post-content pre .lines{background:#222426;border-color:#3b3d40}}.post-content pre .lines .line{display:block;padding-right:0.33334em}.post-content pre code,.post-content pre tt{display:block;position:static;top:auto;margin:-1.33334em -1.33334em -1.33334em 1.33334em;padding:1.33334em;overflow-x:auto;font-size:0.75em;line-height:2em;white-space:pre;background:transparent;border:none;vertical-align:inherit}.post-content pre code.language-text{margin-left:-1.33334em}.post-content kbd{display:inline-block;margin-bottom:0.5em;padding:1px 8px;border:#e1e3e6 1px solid;text-shadow:#FFF 0 1px 0;font-size:0.9em;font-weight:bold;background:#f7f8fa;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset}@media (prefers-color-scheme: dark){.post-content kbd{background:#222426;border-color:#3b3d40}}.post-content table{position:relative;width:100%;max-width:100%;margin:0 0 4rem;border:1px solid #e1e3e6;background:#f7f8fa}@media (prefers-color-scheme: dark){.post-content table{border-color:#3b3d40;background:#222426}}.post-content table td,.post-content table th{position:relative;padding:1.5rem;font-size:0.75em;line-height:1.33334em;border:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.post-content table td,.post-content table th{border-color:#3b3d40}}.post-content table th{text-align:left;font-weight:500;letter-spacing:1px;font-size:0.75em;line-height:1.33334em;color:#909499}.post-content img{display:block;max-width:100%;height:auto;margin:0 0 4rem}.post-content .fluid-width-video-wrapper{margin:0 0 4rem}.post-content figure figcaption{position:relative;color:#909499;max-width:calc(64rem + 8vw);margin:auto;font-size:0.75em;line-height:2em;padding:2rem 0}.post-content figure figcaption:after{content:'';position:absolute;left:0;bottom:0;width:8rem;height:1px;background:#e1e3e6}@media (prefers-color-scheme: dark){.post-content figure figcaption:after{background:#3b3d40}}.post-content figure figcaption a{box-shadow:inset 0 -1px 0 #e1e3e6}@media (prefers-color-scheme: dark){.post-content figure figcaption a{box-shadow:inset 0 -1px 0 #3b3d40}}.post-content figure figcaption a:focus,.post-content figure figcaption a:hover{box-shadow:inset 0 -2px 0 #e1e3e6}@media (prefers-color-scheme: dark){.post-content figure figcaption a:focus,.post-content figure figcaption a:hover{box-shadow:inset 0 -2px 0 #3b3d40}}.post-content .kg-image-card{margin:0 0 4rem;max-width:none !important}.post-content .kg-image-card.kg-width-wide{max-width:calc(72rem + 24vw) !important;min-width:100%;width:calc(100vw - 4rem)}.post-content .kg-image-card.kg-width-full{max-width:none;width:100vw;margin-top:2em}.post-content .kg-image-card .kg-image{margin:0 auto}.post-content .kg-image-card .kg-image-full+figcaption{margin-bottom:1.33334em}.post-content .kg-gallery-card{margin:0 0 4rem;max-width:calc(72rem + 24vw) !important;min-width:100%;width:calc(100vw - 4rem)}.post-content .kg-gallery-container{display:flex;flex-direction:column}.post-content .kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.post-content .kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.post-content .kg-gallery-row:not(:first-of-type){margin:0.75em 0 0}.post-content .kg-gallery-image:not(:first-of-type){margin:0 0 0 0.75em}.post-content .kg-embed-card{margin:0 0 4rem}.post-content .kg-embed-card>*{margin-left:auto;margin-right:auto}.post-content .kg-code-card{min-width:100%;margin:0 0 4rem}.post-content .kg-code-card pre{margin:0}.post-content .kg-bookmark-card{width:100%;margin:0 0 4rem}.post-content .kg-bookmark-container{display:flex;text-decoration:none;min-height:8em;background:#f7f8fa;border:1px solid #e1e3e6;box-shadow:none !important;overflow:hidden}@media (prefers-color-scheme: dark){.post-content .kg-bookmark-container{background:#222426;border-color:#3b3d40}}.post-content .kg-bookmark-content{text-rendering:optimizeLegibility;display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:start;padding:1.5em;color:#909499}@media (prefers-color-scheme: dark){.post-content .kg-bookmark-content{color:#909499}}.post-content .kg-bookmark-title{color:#222426;font-size:0.75em;line-height:1.66667em;font-weight:700;letter-spacing:0.5px}@media (prefers-color-scheme: dark){.post-content .kg-bookmark-title{color:#e1e3e6}}.post-content .kg-bookmark-description{display:-webkit-box;font-size:0.75em;line-height:1.66667em;font-weight:400;margin-top:0.33334em;max-height:3.33334em;overflow-y:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-content .kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.post-content .kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.post-content .kg-bookmark-metadata{text-rendering:optimizeLegibility;display:flex;align-items:center;font-size:0.75em;line-height:1.66667em;color:#222426;font-weight:400;margin-top:1em;flex-wrap:wrap}@media (prefers-color-scheme: dark){.post-content .kg-bookmark-metadata{color:#e1e3e6}}.post-content .kg-bookmark-icon{width:1.33334em;margin:0 0.75em 0 0}.post-content .kg-bookmark-author:after{content:"•";margin:0 0.33334em}.post-content .kg-bookmark-publisher{color:#ffc800}@media (max-width: 640px){.post-content .kg-bookmark-container{flex-direction:column}.post-content .kg-bookmark-thumbnail{order:1;width:100%;min-height:160px}.post-content .kg-bookmark-thumbnail img{border-radius:3px 3px 0 0}.post-content .kg-bookmark-content{order:2}}.clear{clear:both}.hidden{display:none}@keyframes fadein{0%{opacity:0.2}100%{opacity:0.9}}.avatar{position:relative;overflow:hidden;margin:0;border:2px solid #e1e3e6;background:#e1e3e6;box-sizing:border-box}@media (prefers-color-scheme: dark){.avatar{border-color:#3b3d40;background:#3b3d40}}.avatar:after,.avatar:before{content:'';position:absolute;z-index:1;width:50%;height:50%;bottom:32.5%;left:25%;border-radius:100%;background:#f7f8fa;box-sizing:border-box}@media (prefers-color-scheme: dark){.avatar:after,.avatar:before{background:#222426}}.avatar:after{width:80%;bottom:-25%;left:10%}.avatar img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover}.blog-header{position:relative;padding-top:calc(16rem + 4vw)}.blog-header.has-cover{padding-top:calc(24rem + 8vw);color:#FFF;background:#000;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.blog-header.has-cover:after{display:none}.blog-header .blog-box{position:relative;z-index:10;padding-bottom:calc(4rem + 2vw);text-align:center;border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.blog-header .blog-box{border-color:#3b3d40}}.blog-header.has-cover .blog-box{border:none;padding-bottom:calc(8rem + 4vw)}.blog-cover{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;background:no-repeat scroll center center / cover #000;animation:0.5s ease-in forwards fadein;display:flex;align-items:center}.blog-cover:after{content:'';position:absolute;width:100%;height:66.666%;left:0;bottom:0;z-index:8;background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.333) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.333) 100%)}.blog-cover img{position:relative;display:block;width:100%;height:100%;margin:0;z-index:6;object-fit:cover}.blog-name{display:block;margin:0;padding:0;font-weight:700;font-size:6em;line-height:1em;text-decoration:none;color:#000}@media (prefers-color-scheme: dark){.blog-name{color:#FFF}}.has-cover .blog-name{color:#FFF}.blog-description{font-family:'Cardo', serif;display:block;margin-top:1rem;padding:0;font-size:3em;line-height:1.33334em;color:#909499}@media (prefers-color-scheme: dark){.blog-description{color:#909499}}.has-cover .blog-description{color:#FFF}.archive{position:relative;z-index:10}.archive.archive-box{padding-bottom:calc(4rem + 2vw);border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.archive.archive-box{border-color:#3b3d40}}.archive .archive-info{display:flex;margin-bottom:2rem;font-size:2em;line-height:1em}.archive .archive-info .archive-type{color:#ffc800}.archive .archive-info .archive-count{position:relative;margin-left:3rem;color:#909499}.archive .archive-info .archive-count:after{content:'';position:absolute;left:-2rem;top:50%;width:1rem;height:1px;background:#c4c7cc}.archive .archive-title{font-size:4em;line-height:1em;margin:1rem 0;color:#000}@media (prefers-color-scheme: dark){.archive .archive-title{color:#FFF}}.archive .archive-description{display:block;font-size:2em;line-height:1.5em;margin:1rem 0;font-family:'Cardo', serif;color:#909499}@media (prefers-color-scheme: dark){.archive .archive-description{color:#909499}}.archive .archive-links{display:block;font-size:2em;line-height:1.5em;margin-top:1rem}.archive .archive-links a{color:#ffc800;transition:color linear 0.1s}.archive .archive-links a span{display:none}.archive .archive-links a:focus,.archive .archive-links a:hover{color:#d9b120}.archive.archive-search{border:0}.archive.archive-author{padding-left:16rem}@media only screen and (max-width: 640px){.archive.archive-author{padding-left:0;padding-right:10rem}}.archive.archive-author .archive-avatar{position:absolute;top:0;left:2rem;width:10rem;height:10rem;border-radius:8rem;overflow:hidden}@media only screen and (max-width: 640px){.archive.archive-author .archive-avatar{left:auto;right:0;top:2rem;width:8rem;height:8rem}}.has-cover .archive.archive-box{border:none}.has-cover .archive .archive-info span{color:#FFF}.has-cover .archive .archive-title{color:#FFF}.has-cover .archive .archive-description{color:rgba(255,255,255,0.8)}.has-cover .archive .archive-links a{color:rgba(255,255,255,0.8)}.has-cover .archive .archive-links a:focus,.has-cover .archive .archive-links a:hover{color:#FFF}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative;padding-right:0}.inner{max-width:calc(64rem + 8vw);margin:0 auto;padding:0 8rem}@media only screen and (max-width: 640px){.inner{padding:0 4rem}}#search{position:fixed;z-index:500;left:0;top:0;width:100%;height:100%;overflow-y:scroll;background:#f7f8fa;display:none}@media (prefers-color-scheme: dark){#search{background:#222426}}@media only screen and (max-width: 640px){#search{display:block;transition:all ease-out 0.3s;transform:translate3d(0, 100%, 0);border-top:1px solid #e1e3e6}}@media only screen and (max-width: 640px) and (prefers-color-scheme: dark){#search{border-color:#3b3d40}}#search #results{padding-bottom:calc(12rem + 8vw)}.search-active{overflow-y:hidden}.search-active #search{display:block}@media only screen and (max-width: 640px){.search-active #search{transform:translate3d(0, 0, 0)}}.search{padding:2rem 0;display:flex}.search input[type="text"]{font-size:2em;width:100%;height:5rem;margin:-0.5rem 0;padding:0 2rem;border-radius:5rem;border:1px solid #e1e3e6;background:#f7f8fa;box-sizing:border-box;box-shadow:none !important;outline:0 !important}@media (prefers-color-scheme: dark){.search input[type="text"]{border-color:#3b3d40;background:#222426}}.search input[type="text"]:focus,.search input[type="text"]:hover{border-color:#d9b120}.search input[type="submit"]{appeareance:none;background:none;border:0;display:none}.search-close{position:fixed;z-index:600;top:0;right:0;width:4rem;height:4rem;margin:2rem;border:1px solid #c4c7cc;border-radius:4rem;box-sizing:border-box;cursor:pointer;transition:all ease-out 0.1s}@media (prefers-color-scheme: dark){.search-close{border-color:#909499}}.search-close:after,.search-close:before{content:'';position:absolute;top:50%;left:20%;width:60%;height:2px;margin-top:-1px;border-radius:2px;background:#909499;transition:all ease-out 0.1s}@media (prefers-color-scheme: dark){.search-close:after,.search-close:before{background:#c4c7cc}}.search-close:after{transform:rotate(45deg)}.search-close:before{transform:rotate(-45deg)}.search-close:focus,.search-close:hover{border-color:#d9b120}.search-close:focus:after,.search-close:focus:before,.search-close:hover:after,.search-close:hover:before{background:#d9b120}.nav-header{background-color:black;position:fixed;top:0;left:0;width:100%;z-index:400;transition:all ease-out 0.3s}@media only screen and (max-width: 640px){.nav-header{transform:translate3d(0, -100%, 0)}}.menu-active .nav-header{transform:translate3d(0, 0, 0)}.nav-close{position:fixed;z-index:350;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.2;display:none}@media (prefers-color-scheme: dark){.nav-close{opacity:0.4}}@media only screen and (max-width: 640px){.menu-active .nav-close{display:block}}.nav-header .nav-wrapper-control{background:black;position:absolute;z-index:500;left:0;top:100%;width:100%;cursor:pointer;display:none;color:white;border-top:1px solid transparent;box-sizing:border-box;transition:all linear 0.1s}@media (prefers-color-scheme: dark){.nav-header .nav-wrapper-control{color:#909499}}@media only screen and (max-width: 640px){.nav-header .nav-wrapper-control{display:block}}.nav-header .nav-wrapper-control .inner{display:flex;justify-content:space-between}.nav-header .nav-wrapper-control a{position:relative;display:block;width:100%;padding:2rem 0;font-size:2em;line-height:2rem;color:inherit;transition:all ease-out 0.1s}.nav-header .nav-wrapper-control a i{display:inline-block;width:4rem}.nav-header .nav-wrapper-control a.nav-search{width:auto;text-align:right}.nav-header .nav-wrapper-control a.nav-search span{display:none}.nav-header .nav-wrapper-control a:focus,.nav-header .nav-wrapper-control a:hover{color:#ffc800}@media (prefers-color-scheme: dark){.nav-header .nav-wrapper-control a:focus,.nav-header .nav-wrapper-control a:hover{color:#ffc800}}.cover-active .nav-header,.cover-active .nav-wrapper-control{background:rgba(0,0,0,0)}.menu-active .nav-header .nav-wrapper-control{background:black;color:#909499;border-color:#3b3d40}@supports (-webkit-backdrop-filter: blur(2rem)){.menu-active .nav-header .nav-wrapper-control{background:rgba(34,36,38,0.9);-webkit-backdrop-filter:blur(2rem)}}.menu-active .nav-header .nav-wrapper-control a:focus,.menu-active .nav-header .nav-wrapper-control a:hover{color:#e1e3e6}.nav-header .nav-wrapper{display:flex;max-height:calc(100vh - 6rem);padding:2rem 4rem;overflow-y:auto}@media only screen and (max-width: 640px){.nav-header .nav-wrapper{background:#222426;flex-direction:column}@supports (-webkit-backdrop-filter: blur(2rem)){.nav-header .nav-wrapper{background:rgba(34,36,38,0.9);-webkit-backdrop-filter:blur(2rem)}}}.nav-header .logo{margin-right:3rem}.nav-header .logo a{display:block;height:4rem;padding:0}.nav-header .logo a img{display:block;width:auto;height:4rem}.nav-header ul{position:relative;display:flex;width:100%;margin:auto;padding:0;list-style:none;justify-content:flex-end}@media only screen and (max-width: 640px){.nav-header ul{flex-direction:column;flex-shrink:0;padding:2rem 0}}.nav-header ul:last-child{justify-content:flex-end}@media only screen and (max-width: 640px){.nav-header ul:last-child{display:none}}.nav-header li{position:relative;margin-right:3rem}.nav-header li.active a:before{position:absolute;content:'';width:100%;height:3px;left:0;top:0;padding:0 1rem;margin-left:-1rem;margin-top:-2rem;background:#ffc800}@media only screen and (max-width: 640px){.nav-header li.active a:before{left:0;top:50%;width:1.5rem;height:2px;margin-left:6px;margin-top:-1px;border-radius:2px;padding:0}}.nav-header li.active a{color:#3b3d40;font-weight:500}@media (prefers-color-scheme: dark){.nav-header li.active a{color:white}}@media only screen and (max-width: 640px){.nav-header li.active a{color:#FFF}}.nav-header li a{display:block;padding:1rem 0;font-size:1.5em;line-height:2rem;color:white;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-weight:400;cursor:pointer;transition:color linear 0.1s}@media only screen and (max-width: 640px){.nav-header li a{font-size:2em;padding-left:4rem}.nav-header li a:before{content:'';position:absolute;left:0;top:50%;width:1.5rem;height:2px;margin-left:6px;margin-top:-1px;border-radius:2px;background:#3b3d40}}.nav-header li a:focus,.nav-header li a:hover{color:#ffc800}@media (prefers-color-scheme: dark){.nav-header li a:focus,.nav-header li a:hover{color:#ffc800}}@media only screen and (max-width: 640px){.nav-header li a:focus,.nav-header li a:hover{color:#c4c7cc}}.nav-header li.nav-rss,.nav-header li.nav-search,.nav-header li.nav-subscribe,.nav-header li.nav-twitter{margin-right:1.5rem}.nav-header li.nav-rss a,.nav-header li.nav-search a,.nav-header li.nav-subscribe a,.nav-header li.nav-twitter a{font-size:1.75em}.nav-header li.nav-rss span,.nav-header li.nav-search span,.nav-header li.nav-subscribe span,.nav-header li.nav-twitter span{display:none}.nav-header li:last-child{margin-right:0}.cover-active .nav-wrapper-control a{color:#fff}.cover-active .nav-wrapper-control a:focus,.cover-active .nav-wrapper-control a:hover{color:#ffc800}@media only screen and (min-width: 640px){.cover-active .nav-header li a{color:#fff}}@media only screen and (min-width: 640px){.cover-active .nav-header li a:focus,.cover-active .nav-header li a:hover{color:#ffc800}}@media only screen and (min-width: 640px){.cover-active .nav-header li.active a{color:#ffc800}}.progress-container{position:fixed;width:100%;height:4px;left:0;top:0;z-index:1000;background:transparent;transition:all ease-out 0.2s}.progress-container.complete{transform:translateY(-3px)}.progress-bar{display:block;width:0;height:3px;background:#ffc800}.nav-footer{position:relative;z-index:20;padding-top:calc(12rem + 8vw);padding-bottom:4rem;margin-top:auto}.nav-footer .inner{max-width:none;padding:0 4rem}.nav-footer .nav-wrapper{display:flex;padding:0 4rem}@media only screen and (max-width: 640px){.nav-footer .nav-wrapper{flex-direction:column;text-align:center}}.nav-footer ul{position:relative;display:flex;width:100%;margin:0;padding:0;list-style:none}@media only screen and (max-width: 640px){.nav-footer ul{margin-bottom:3rem;justify-content:center}}.nav-footer ul:last-child{justify-content:flex-end}.nav-footer li{position:relative;margin-right:3rem}.nav-footer li.active a{color:#3b3d40;font-weight:500}@media (prefers-color-scheme: dark){.nav-footer li.active a{color:#e1e3e6}}.nav-footer li a{display:block;font-size:1.5em;line-height:2rem;color:#909499;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-weight:400;cursor:pointer}.nav-footer li a:focus,.nav-footer li a:hover{color:#3b3d40}@media (prefers-color-scheme: dark){.nav-footer li a:focus,.nav-footer li a:hover{color:#e1e3e6}}.nav-footer li:last-child{margin-right:0}.nav-copy{display:block;width:100%;font-size:1.5em;line-height:2rem;color:#909499}@media (prefers-color-scheme: dark){.nav-copy{color:#909499}}@media only screen and (max-width: 640px){.nav-copy{margin-bottom:1rem}}.nav-credits{flex-shrink:0;display:block;font-size:1.5em;line-height:2rem;color:#909499}@media (prefers-color-scheme: dark){.nav-credits{color:#909499}}.nav-credits a{color:inherit;text-decoration:none;font-weight:500}.container{position:relative}.container .post .post-box{padding-top:calc(4rem + 2vw);padding-bottom:calc(4rem + 2vw);border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.container .post .post-box{border-color:#3b3d40}}.container #results .post .post-box{border-top:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.container #results .post .post-box{border-color:#3b3d40}}.container .post.featured .post-title:after{position:absolute;width:4rem;height:4rem;left:-4rem;top:0;font-family:'icon';font-size:0.5em;font-style:normal;font-weight:normal;content:'\e800';color:#ffc336;text-align:center}.post-header{position:relative;padding:calc(16rem + 4vw) 0 calc(2rem + 2vw)}.post-header.has-cover{padding:calc(16rem + 8vw) 0 calc(4rem);margin-bottom:calc(4rem + 2vw);background:#000;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.post-cover{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;background:no-repeat scroll center center / cover #000;animation:0.5s ease-in forwards fadein;display:flex;align-items:center}.post-cover img{position:relative;display:block;width:100%;height:100%;margin:0;z-index:6;object-fit:cover;filter:brightness(0.75)}.post-cover:after{content:'';position:absolute;width:100%;height:66.666%;left:0;bottom:0;z-index:8;background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.333) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.333) 100%)}.post{position:relative;z-index:10}.post-info{position:relative;z-index:10;display:flex;margin-bottom:2rem;font-size:2em;line-height:1em}.post-info .post-type{color:#ffc800}.post-info .post-count{position:relative;margin-left:3rem;color:#909499}.post-info .post-count:after{content:'';position:absolute;left:-2rem;top:50%;width:1rem;height:1px;background:#c4c7cc}.has-cover .post-info .post-count{color:#FFF}.has-cover .post-info .post-count:after{background:#FFF}.has-cover .post-info .post-type{color:#FFF}.post-title{position:relative;z-index:10;margin:0 0 2rem;font-size:4em;line-height:1.25em;font-weight:700;text-indent:-1px;color:#000}@media (prefers-color-scheme: dark){.post-title{color:#FFF}}.post-title a{text-decoration:none;color:inherit;font-weight:inherit}.post-header .post-title{margin:0 0 4rem;font-size:6em;line-height:1.25em}.has-cover .post-title{color:#FFF}.post-meta{font-weight:400;font-size:1.5rem;line-height:2rem;color:#909499}@media (prefers-color-scheme: dark){.post-meta{color:#909499}}.post-meta a{display:inline-block;text-decoration:none;color:inherit}.post-meta a:focus,.post-meta a:hover{text-decoration:underline}.post-header .post-meta{position:relative;padding-bottom:4rem;z-index:10}.post-header .post-meta:after{clear:both;content:'';display:table}.post-header .post-meta:before{content:'';position:absolute;left:0;bottom:0;width:8rem;height:1px;background:#e1e3e6}@media (prefers-color-scheme: dark){.post-header .post-meta:before{background:#3b3d40}}.post-header .post-meta .post-meta-avatars{float:left;margin-right:1rem}.post-header .post-meta .post-meta-avatars:after{clear:both;content:'';display:table}.post-header .post-meta .post-meta-avatars .post-meta-avatar{float:left;display:block;vertical-align:top;width:4rem;height:4rem;margin-right:-1rem;border-radius:100%}.post-header .post-meta .post-meta-avatars .post-meta-avatar:last-child{margin-right:0}.post-header .post-meta .post-meta-avatars .post-meta-avatar a{height:100%}.post-header .post-meta .post-meta-author{color:#222426;font-weight:500;margin:0}@media (prefers-color-scheme: dark){.post-header .post-meta .post-meta-author{color:#e1e3e6}}.has-cover .post-meta{color:rgba(255,255,255,0.8);padding:0}.has-cover .post-meta:before{display:none}.has-cover .post-meta .post-meta-avatar{border-color:#FFF}.has-cover .post-meta .post-meta-author{color:#FFF}.post-excerpt{margin:1em 0 0;font-family:'Cardo', serif;font-size:2em;line-height:1.5em}.post-content{display:flex;flex-direction:column;align-items:center;font-size:2rem;line-height:3rem}.post-content>*{min-width:100%;max-width:100%;box-sizing:border-box}.post-content>*:last-child{margin-bottom:0}.post-content>*:first-child{margin-top:0}.post-footer{margin:12rem 0 6rem}.post-footer:after{clear:both;content:'';display:table}.post-info-label{margin-right:0.75em;font-size:1.5em;line-height:3rem;font-weight:400;color:#909499}.post-share{position:relative;max-width:33.33333%;float:right;display:flex}@media only screen and (max-width: 640px){.post-share{max-width:none;float:none;margin-bottom:2rem}}.post-share a{display:block;width:3rem;height:3rem;margin-right:0.5em;padding:0;font-size:1.5em;line-height:3rem;text-align:center;text-decoration:none;color:#FFF;border-radius:2em;transition:all ease 0.2s}@media only screen and (max-width: 640px){.post-share a{margin-left:0;margin-right:0.66667em}}.post-share a:focus,.post-share a:hover{background-color:#222426}@media (prefers-color-scheme: dark){.post-share a:focus,.post-share a:hover{background-color:#d9b120}}.post-share a:last-child{margin-right:0}.post-share a i{color:inherit}.post-share a i:before{width:auto;height:auto}.post-share .twitter{background-color:#3ea9dd}.post-share .facebook{background-color:#3c5a98}.post-share .linkedin{background-color:#0e76a8}.post-share .email{background-color:#2997ee}.post-tags{position:relative;max-width:66.66666%;float:left;display:flex;flex-wrap:wrap}@media only screen and (max-width: 640px){.post-tags{max-width:none;float:none;margin-bottom:2rem}}.post-tags a{display:inline-block;margin-right:0.5em;margin-bottom:0.5em;padding:0 1.5rem;background:#ffc800;font-size:1.5em;font-weight:500;line-height:3rem;text-align:center;text-decoration:none;color:#212426;border-radius:2em;transition:all ease 0.2s;box-sizing:border-box;white-space:nowrap}.post-tags a:focus,.post-tags a:hover{background:#d9b120}.post-comments{position:relative;padding:4rem;text-align:center;border-top:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;box-sizing:border-box}@media (prefers-color-scheme: dark){.post-comments{border-color:#3b3d40}}.post-comments.activated{background:#f7f8fa;border:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.post-comments.activated{background:#222426;border-color:#3b3d40}}.post-comments-activate{display:inline-block;height:4rem;margin:2rem 0;padding:0 2rem;border:1px solid #c4c7cc;font-weight:500;font-size:1.5em;line-height:4rem;color:#909499;text-align:center;cursor:pointer;transition:all ease 0.2s;border-radius:2em}@media (prefers-color-scheme: dark){.post-comments-activate{border-color:#909499;color:#c4c7cc}}.post-comments-activate:focus,.post-comments-activate:hover{color:#d9b120;border-color:#d9b120}.activated .post-comments-activate{display:none}.post-subscribe{position:relative;padding:4rem 0;margin:1em 0;text-align:center;background:#3b3d40;color:#c4c7cc;box-sizing:border-box;border-radius:2px}.post-subscribe p{max-width:13.33334em;margin:0 auto 1.33334em;font-size:1.2em;line-height:1.33334em}.post-subscribe .post-subscribe-form{display:flex;justify-content:center}.post-subscribe .post-subscribe-form .post-subscribe-input{width:100%;font-size:0.8em;height:2.5em;padding:0 0.25em 0 1.25em;border:0;border-right:none;appearance:none;outline:none;box-shadow:none;box-sizing:border-box;border-radius:4em 0 0 4em;color:#3b3d40}.post-subscribe .post-subscribe-form .post-subscribe-button{display:inline-block;font-size:0.8em;height:2.5em;padding:0 1.25em 0 1em;font-weight:500;color:#FFF;background:#909499;border:0;appearance:none;outline:none;box-shadow:none;box-sizing:border-box;border-radius:0 4em 4em 0}.post-subscribe .post-subscribe-form .post-subscribe-button:focus,.post-subscribe .post-subscribe-form .post-subscribe-button:hover{background:#d9b120}.post-nav{position:relative;margin-top:-1px;border-top:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.post-nav{border-color:#3b3d40}}.post-nav:after{position:absolute;content:'';width:1px;height:100%;left:50%;top:0;background:#e1e3e6;z-index:2}@media (prefers-color-scheme: dark){.post-nav:after{background:#3b3d40}}@media only screen and (max-width: 640px){.post-nav:after{display:none}}.post-nav-next,.post-nav-prev{text-decoration:none;color:inherit;display:block;width:50%}@media only screen and (max-width: 640px){.post-nav-next,.post-nav-prev{display:block;width:100%}}.post-nav-next:focus,.post-nav-next:hover,.post-nav-prev:focus,.post-nav-prev:hover{color:inherit}.post-nav-next:focus i,.post-nav-next:hover i,.post-nav-prev:focus i,.post-nav-prev:hover i{color:#d9b120}.post-nav-next{float:left}.post-nav-next .post-nav-teaser{padding-right:3rem}@media only screen and (max-width: 640px){.post-nav-next .post-nav-teaser{padding-right:0}}.post-nav-prev{float:right}.post-nav-prev .post-nav-teaser{padding-left:3rem}@media only screen and (max-width: 640px){.post-nav-prev .post-nav-teaser{padding-left:0}}.post-nav-teaser{position:relative;padding:2rem 0;min-height:8rem}@media only screen and (max-width: 640px){.post-nav-teaser{min-height:4em;padding:2em 0}.post-nav-teaser:after{position:absolute;content:'';width:100%;height:1px;left:0;bottom:0;margin-bottom:-1px;background:#e1e3e6;z-index:2}}@media only screen and (max-width: 640px) and (prefers-color-scheme: dark){.post-nav-teaser:after{background:#3b3d40}}.post-nav i{position:absolute;top:50%;width:4rem;height:4rem;margin-top:-2rem;font-size:4rem;line-height:4rem;text-align:center;transition:all ease-out 0.2s;color:#e1e3e6}@media (prefers-color-scheme: dark){.post-nav i{color:#3b3d40}}.post-nav i:before{margin:0;width:auto}.post-nav-next i{left:0;margin-left:-4rem}.post-nav-prev i{right:0;margin-right:-4rem}.post-nav-title{margin:0 0 0.5rem;padding:0;font-size:2em;line-height:3rem;color:inherit;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000}@media (prefers-color-scheme: dark){.post-nav-title{color:#FFF}}.post-nav-excerpt{height:5rem;margin:0 0 1rem;font-family:'Cardo', serif;font-size:1.75em;line-height:2.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-nav-meta{margin:0;font-size:1.5em;line-height:2rem;color:#909499}.pagination{position:relative;margin:0}.pagination .pagination-box{padding-top:calc(2rem + 1vw);padding-bottom:calc(2rem + 1vw)}.pagination .pagination-box:after{clear:both;content:'';display:table}.pagination a{position:relative;display:block;height:4rem;margin:-1px 0;padding:0 2rem;z-index:100;border:1px solid #c4c7cc;font-size:1.5em;line-height:4rem;font-weight:500;text-align:center;text-decoration:none;color:#909499;transition:all ease 0.2s;border-radius:4rem;box-sizing:border-box}@media (prefers-color-scheme: dark){.pagination a{border-color:#909499;color:#c4c7cc}}.pagination a:focus,.pagination a:hover{color:#d9b120;border-color:#d9b120}.pagination .pagination-prev{float:right;padding-right:1.5rem}.pagination .pagination-next{float:left;padding-left:1.5rem}.pagination .pagination-label{position:relative;top:-1px;display:inline-block}@media only screen and (max-width: 480px){.pagination .pagination-label{display:none}}.pagination a i{position:relative;top:1px;width:auto;margin:auto 4px;color:inherit;font-size:1.33334em;line-height:0.75em}.pagination a i:before{position:relative;width:auto;margin:auto}.pagination .pagination-info{position:absolute;width:100%;font-size:1.5em;line-height:4rem;height:4rem;left:0;z-index:50;display:block;text-align:center;color:#909499}.extra-pagination{display:none}.paged .extra-pagination{display:block}.paged .extra-pagination .pagination-box{border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.paged .extra-pagination .pagination-box{border-color:#3b3d40}} +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}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=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:'icon';src:url("../font/icon.eot?89549845");src:url("../font/icon.eot?89549845#iefix") format("embedded-opentype"),url("../font/icon.woff2?89549845") format("woff2"),url("../font/icon.woff?89549845") format("woff"),url("../font/icon.ttf?89549845") format("truetype"),url("../font/icon.svg?89549845#icon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"icon";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:0.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:0.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-star:before{content:'\e800'}.icon-mail:before{content:'\e801'}.icon-globe:before{content:'\e802'}.icon-arrow-left:before{content:'\e803'}.icon-arrow-right:before{content:'\e804'}.icon-search:before{content:'\e805'}.icon-rss:before{content:'\e807'}.icon-twitter:before{content:'\f099'}.icon-facebook:before{content:'\f09a'}.icon-menu:before{content:'\f0c9'}.icon-linkedin:before{content:'\f0e1'}@font-face{font-family:'Cardo';font-style:normal;font-weight:400;src:url("../font/cardo-v9-latin-regular.eot");src:local("Cardo"),local("Cardo-Regular"),url("../font/cardo-v9-latin-regular.eot?#iefix") format("embedded-opentype"),url("../font/cardo-v9-latin-regular.woff2") format("woff2"),url("../font/cardo-v9-latin-regular.woff") format("woff"),url("../font/cardo-v9-latin-regular.ttf") format("truetype"),url("../font/cardo-v9-latin-regular.svg#Cardo") format("svg")}@font-face{font-family:'Cardo';font-style:italic;font-weight:400;src:url("../font/cardo-v9-latin-italic.eot");src:local("Cardo Italic"),local("Cardo-Italic"),url("../font/cardo-v9-latin-italic.eot?#iefix") format("embedded-opentype"),url("../font/cardo-v9-latin-italic.woff2") format("woff2"),url("../font/cardo-v9-latin-italic.woff") format("woff"),url("../font/cardo-v9-latin-italic.ttf") format("truetype"),url("../font/cardo-v9-latin-italic.svg#Cardo") format("svg")}@font-face{font-family:'Cardo';font-style:normal;font-weight:700;src:url("../font/cardo-v9-latin-700.eot");src:local("Cardo Bold"),local("Cardo-Bold"),url("../font/cardo-v9-latin-700.eot?#iefix") format("embedded-opentype"),url("../font/cardo-v9-latin-700.woff2") format("woff2"),url("../font/cardo-v9-latin-700.woff") format("woff"),url("../font/cardo-v9-latin-700.ttf") format("truetype"),url("../font/cardo-v9-latin-700.svg#Cardo") format("svg")}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;src:url("../font/fira-sans-v8-latin-regular.eot");src:local("Fira Sans Regular"),local("FiraSans-Regular"),url("../font/fira-sans-v8-latin-regular.eot?#iefix") format("embedded-opentype"),url("../font/fira-sans-v8-latin-regular.woff2") format("woff2"),url("../font/fira-sans-v8-latin-regular.woff") format("woff"),url("../font/fira-sans-v8-latin-regular.ttf") format("truetype"),url("../font/fira-sans-v8-latin-regular.svg#FiraSans") format("svg")}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;src:url("../font/fira-sans-v8-latin-500.eot");src:local("Fira Sans Medium"),local("FiraSans-Medium"),url("../font/fira-sans-v8-latin-500.eot?#iefix") format("embedded-opentype"),url("../font/fira-sans-v8-latin-500.woff2") format("woff2"),url("../font/fira-sans-v8-latin-500.woff") format("woff"),url("../font/fira-sans-v8-latin-500.ttf") format("truetype"),url("../font/fira-sans-v8-latin-500.svg#FiraSans") format("svg")}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;src:url("../font/fira-sans-v8-latin-700.eot");src:local("Fira Sans Bold"),local("FiraSans-Bold"),url("../font/fira-sans-v8-latin-700.eot?#iefix") format("embedded-opentype"),url("../font/fira-sans-v8-latin-700.woff2") format("woff2"),url("../font/fira-sans-v8-latin-700.woff") format("woff"),url("../font/fira-sans-v8-latin-700.ttf") format("truetype"),url("../font/fira-sans-v8-latin-700.svg#FiraSans") format("svg")}.hljs{display:block;color:#66645c;-webkit-text-size-adjust:none}.hljs-comment,.diff .hljs-header,.hljs-javadoc{color:#998;font-style:italic}.hljs-keyword,.css .rule .hljs-keyword,.hljs-winutils,.nginx .hljs-title,.hljs-subst,.hljs-request,.hljs-status{color:#333;font-weight:bold}.hljs-number,.hljs-hexcolor,.ruby .hljs-constant{color:#008080}.hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula{color:#d14}.hljs-title,.hljs-id,.scss .hljs-preprocessor{color:#900;font-weight:bold}.hljs-list .hljs-keyword,.hljs-subst{font-weight:normal}.hljs-class .hljs-title,.hljs-type,.vhdl .hljs-literal,.tex .hljs-command{color:#458;font-weight:bold}.hljs-tag,.hljs-tag .hljs-title,.hljs-rule .hljs-property,.django .hljs-tag .hljs-keyword{color:#000080;font-weight:normal}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.hljs-name{color:#008080}.hljs-regexp{color:#009926}.hljs-symbol,.ruby .hljs-symbol .hljs-string,.lisp .hljs-keyword,.clojure .hljs-keyword,.scheme .hljs-keyword,.tex .hljs-special,.hljs-prompt{color:#990073}.hljs-built_in{color:#0086b3}.hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}html{font-size:62.5%;overflow-x:hidden}.menu-active body,html.menu-active{overflow-y:hidden}body{font:400 1em / 1.5em 'Fira Sans', sans-serif;color:#222426;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#FFF}@media (prefers-color-scheme: dark){body{background:#222426;color:#e1e3e6}}button,input,select,textarea{transition:all ease-out 0.2s}.post-content a{color:inherit;text-decoration:none;font-weight:400;box-shadow:inset 0 -2px 0 #ffc800;transition:all ease-out 0.1s}.post-content a:focus,.post-content a:hover{box-shadow:inset 0 -3px 0 #d9b120}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{line-height:1.25em;margin:0 0 4rem;text-rendering:optimizeLegibility;color:#000}@media (prefers-color-scheme: dark){.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:#FFF}}.post-content h1{font-size:4rem;text-indent:-1px}.post-content h2{font-size:3rem;text-indent:-1px}.post-content h3{font-size:2.4rem}.post-content h4{font-size:2rem}.post-content h5,.post-content h6{font-size:2rem;font-weight:500}.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a{font-weight:inherit}.post-content p{font-family:'Cardo', serif;margin:0 0 4rem}.post-content ol,.post-content ul{font-family:'Cardo', serif;margin:0 0 4rem;padding-left:2em;box-sizing:border-box}.post-content ul{list-style:none}.post-content li{position:relative}.post-content ol>li:before,.post-content ul>li:before{position:absolute;width:1.5em;margin-left:-2em;font-size:1em;font-weight:500;line-height:1.5em;text-align:right;color:#ffc800;font-family:'Fira Sans', sans-serif}.post-content ul>li:before{margin-top:-1px;content:'—'}.post-content ol{list-style-type:none;counter-reset:item}.post-content ol>li:before{content:counter(item) ". " !important;counter-increment:item}.post-content ol ol,.post-content ol ul,.post-content ul ol,.post-content ul ul{padding-left:30px;margin:15px 0}.post-content hr{display:block;height:1px;margin:0 0 4rem;padding:0;background:#e1e3e6;border:0}@media (prefers-color-scheme: dark){.post-content hr{background:#3b3d40}}.post-content blockquote{font-family:'Cardo', serif;margin:0 0 4rem;padding:0.25em 1em;-moz-box-sizing:border-box;box-sizing:border-box;border-left:0.25em solid #ffc800;font-style:italic;font-weight:400}.post-content blockquote *{margin:0 0 1em;font-family:inherit;color:inherit}.post-content blockquote *:first-child{margin-top:0}.post-content blockquote *:last-child{margin-bottom:0}.post-content em,.post-content i{font-style:italic}.post-content b,.post-content strong{font-weight:700}@media (prefers-color-scheme: dark){.post-content b,.post-content strong{color:#c4c7cc}}.post-content small{font-size:0.9em}.post-content dl{font-family:'Cardo', serif;margin:0 0 4rem;padding-left:30px}.post-content dl dt{font-weight:500;font-size:0.75em;line-height:1.25em;font-weight:700;margin-bottom:0.33334em}.post-content dl dt:before{content:'';position:absolute;width:1em;height:1px;margin-left:-30px;margin-top:0.5em;background:#c4c7cc}.post-content dl dd{margin-left:0;margin-bottom:1em}.post-content mark{background-color:#ffc336}.post-content code,.post-content tt{position:relative;margin:0 1px;padding:4px 8px;font-family:monospace, sans-serif;font-size:0.75em;background:#f7f8fa;border:1px solid #e1e3e6;top:-2px;white-space:pre-wrap}@media (prefers-color-scheme: dark){.post-content code,.post-content tt{background:#222426;border-color:#3b3d40}}.post-content pre{position:relative;margin:0 0 4rem;padding:1em;overflow:hidden;font-family:monospace, sans-serif;white-space:pre;background:#f7f8fa;border:1px solid #e1e3e6;box-sizing:border-box}@media (prefers-color-scheme: dark){.post-content pre{background:#222426;border-color:#3b3d40}}.post-content pre .lines{position:absolute;width:2.66667em;height:100%;left:0;top:0;padding:1.33334em 0;border-right:1px solid #e1e3e6;color:#909499;font-size:0.75em;line-height:2em;text-align:right;box-sizing:border-box;background:#f7f8fa;user-select:none;-webkit-user-select:none}@media (prefers-color-scheme: dark){.post-content pre .lines{background:#222426;border-color:#3b3d40}}.post-content pre .lines .line{display:block;padding-right:0.33334em}.post-content pre code,.post-content pre tt{display:block;position:static;top:auto;margin:-1.33334em -1.33334em -1.33334em 1.33334em;padding:1.33334em;overflow-x:auto;font-size:0.75em;line-height:2em;white-space:pre;background:transparent;border:none;vertical-align:inherit}.post-content pre code.language-text{margin-left:-1.33334em}.post-content kbd{display:inline-block;margin-bottom:0.5em;padding:1px 8px;border:#e1e3e6 1px solid;text-shadow:#FFF 0 1px 0;font-size:0.9em;font-weight:bold;background:#f7f8fa;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset}@media (prefers-color-scheme: dark){.post-content kbd{background:#222426;border-color:#3b3d40}}.post-content table{position:relative;width:100%;max-width:100%;margin:0 0 4rem;border:1px solid #e1e3e6;background:#f7f8fa}@media (prefers-color-scheme: dark){.post-content table{border-color:#3b3d40;background:#222426}}.post-content table td,.post-content table th{position:relative;padding:1.5rem;font-size:0.75em;line-height:1.33334em;border:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.post-content table td,.post-content table th{border-color:#3b3d40}}.post-content table th{text-align:left;font-weight:500;letter-spacing:1px;font-size:0.75em;line-height:1.33334em;color:#909499}.post-content img{display:block;max-width:100%;height:auto;margin:0 0 4rem}.post-content .fluid-width-video-wrapper{margin:0 0 4rem}.post-content figure figcaption{position:relative;color:#909499;max-width:calc(64rem + 8vw);margin:auto;font-size:0.75em;line-height:2em;padding:2rem 0}.post-content figure figcaption:after{content:'';position:absolute;left:0;bottom:0;width:8rem;height:1px;background:#e1e3e6}@media (prefers-color-scheme: dark){.post-content figure figcaption:after{background:#3b3d40}}.post-content figure figcaption a{box-shadow:inset 0 -1px 0 #e1e3e6}@media (prefers-color-scheme: dark){.post-content figure figcaption a{box-shadow:inset 0 -1px 0 #3b3d40}}.post-content figure figcaption a:focus,.post-content figure figcaption a:hover{box-shadow:inset 0 -2px 0 #e1e3e6}@media (prefers-color-scheme: dark){.post-content figure figcaption a:focus,.post-content figure figcaption a:hover{box-shadow:inset 0 -2px 0 #3b3d40}}.post-content .kg-image-card{margin:0 0 4rem;max-width:none !important}.post-content .kg-image-card.kg-width-wide{max-width:calc(72rem + 24vw) !important;min-width:100%;width:calc(100vw - 4rem)}.post-content .kg-image-card.kg-width-full{max-width:none;width:100vw;margin-top:2em}.post-content .kg-image-card .kg-image{margin:0 auto}.post-content .kg-image-card .kg-image-full+figcaption{margin-bottom:1.33334em}.post-content .kg-gallery-card{margin:0 0 4rem;max-width:calc(72rem + 24vw) !important;min-width:100%;width:calc(100vw - 4rem)}.post-content .kg-gallery-container{display:flex;flex-direction:column}.post-content .kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.post-content .kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.post-content .kg-gallery-row:not(:first-of-type){margin:0.75em 0 0}.post-content .kg-gallery-image:not(:first-of-type){margin:0 0 0 0.75em}.post-content .kg-embed-card{margin:0 0 4rem}.post-content .kg-embed-card>*{margin-left:auto;margin-right:auto}.post-content .kg-code-card{min-width:100%;margin:0 0 4rem}.post-content .kg-code-card pre{margin:0}.post-content .kg-bookmark-card{width:100%;margin:0 0 4rem}.post-content .kg-bookmark-container{display:flex;text-decoration:none;min-height:8em;background:#f7f8fa;border:1px solid #e1e3e6;box-shadow:none !important;overflow:hidden}@media (prefers-color-scheme: dark){.post-content .kg-bookmark-container{background:#222426;border-color:#3b3d40}}.post-content .kg-bookmark-content{text-rendering:optimizeLegibility;display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:start;padding:1.5em;color:#909499}@media (prefers-color-scheme: dark){.post-content .kg-bookmark-content{color:#909499}}.post-content .kg-bookmark-title{color:#222426;font-size:0.75em;line-height:1.66667em;font-weight:700;letter-spacing:0.5px}@media (prefers-color-scheme: dark){.post-content .kg-bookmark-title{color:#e1e3e6}}.post-content .kg-bookmark-description{display:-webkit-box;font-size:0.75em;line-height:1.66667em;font-weight:400;margin-top:0.33334em;max-height:3.33334em;overflow-y:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-content .kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.post-content .kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.post-content .kg-bookmark-metadata{text-rendering:optimizeLegibility;display:flex;align-items:center;font-size:0.75em;line-height:1.66667em;color:#222426;font-weight:400;margin-top:1em;flex-wrap:wrap}@media (prefers-color-scheme: dark){.post-content .kg-bookmark-metadata{color:#e1e3e6}}.post-content .kg-bookmark-icon{width:1.33334em;margin:0 0.75em 0 0}.post-content .kg-bookmark-author:after{content:"•";margin:0 0.33334em}.post-content .kg-bookmark-publisher{color:#ffc800}@media (max-width: 640px){.post-content .kg-bookmark-container{flex-direction:column}.post-content .kg-bookmark-thumbnail{order:1;width:100%;min-height:160px}.post-content .kg-bookmark-thumbnail img{border-radius:3px 3px 0 0}.post-content .kg-bookmark-content{order:2}}.clear{clear:both}.hidden{display:none}@keyframes fadein{0%{opacity:0.2}100%{opacity:0.9}}.avatar{position:relative;overflow:hidden;margin:0;border:2px solid #e1e3e6;background:#e1e3e6;box-sizing:border-box}@media (prefers-color-scheme: dark){.avatar{border-color:#3b3d40;background:#3b3d40}}.avatar:after,.avatar:before{content:'';position:absolute;z-index:1;width:50%;height:50%;bottom:32.5%;left:25%;border-radius:100%;background:#f7f8fa;box-sizing:border-box}@media (prefers-color-scheme: dark){.avatar:after,.avatar:before{background:#222426}}.avatar:after{width:80%;bottom:-25%;left:10%}.avatar img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover}.blog-header{position:relative;padding-top:calc(16rem + 4vw)}.blog-header.has-cover{padding-top:calc(24rem + 8vw);color:#FFF;background:#000;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.blog-header.has-cover:after{display:none}.blog-header .blog-box{position:relative;z-index:10;padding-bottom:calc(4rem + 2vw);text-align:center;border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.blog-header .blog-box{border-color:#3b3d40}}.blog-header.has-cover .blog-box{border:none;padding-bottom:calc(8rem + 4vw)}.blog-cover{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;background:no-repeat scroll center center / cover #000;animation:0.5s ease-in forwards fadein;display:flex;align-items:center}.blog-cover:after{content:'';position:absolute;width:100%;height:66.666%;left:0;bottom:0;z-index:8;background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.333) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.333) 100%)}.blog-cover img{position:relative;display:block;width:100%;height:100%;margin:0;z-index:6;object-fit:cover}.blog-name{display:block;margin:0;padding:0;font-weight:700;font-size:6em;line-height:1em;text-decoration:none;color:#000}@media (prefers-color-scheme: dark){.blog-name{color:#FFF}}.has-cover .blog-name{color:#FFF}.blog-description{font-family:'Cardo', serif;display:block;margin-top:1rem;padding:0;font-size:3em;line-height:1.33334em;color:#909499}@media (prefers-color-scheme: dark){.blog-description{color:#909499}}.store-download-buttons{display:flex;align-items:center;align-content:center;justify-content:center;margin-top:20px}@media only screen and (max-width: 640px){.store-download-buttons{flex-direction:column}}.store-download-buttons a img.icon-play-store{width:210px}.store-download-buttons a img.icon-apple-store{width:185px}.has-cover .blog-description{color:#FFF}.archive{position:relative;z-index:10}.archive.archive-box{padding-bottom:calc(4rem + 2vw);border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.archive.archive-box{border-color:#3b3d40}}.archive .archive-info{display:flex;margin-bottom:2rem;font-size:2em;line-height:1em}.archive .archive-info .archive-type{color:#ffc800}.archive .archive-info .archive-count{position:relative;margin-left:3rem;color:#909499}.archive .archive-info .archive-count:after{content:'';position:absolute;left:-2rem;top:50%;width:1rem;height:1px;background:#c4c7cc}.archive .archive-title{font-size:4em;line-height:1em;margin:1rem 0;color:#000}@media (prefers-color-scheme: dark){.archive .archive-title{color:#FFF}}.archive .archive-description{display:block;font-size:2em;line-height:1.5em;margin:1rem 0;font-family:'Cardo', serif;color:#909499}@media (prefers-color-scheme: dark){.archive .archive-description{color:#909499}}.archive .archive-links{display:block;font-size:2em;line-height:1.5em;margin-top:1rem}.archive .archive-links a{color:#ffc800;transition:color linear 0.1s}.archive .archive-links a span{display:none}.archive .archive-links a:focus,.archive .archive-links a:hover{color:#d9b120}.archive.archive-search{border:0}.archive.archive-author{padding-left:16rem}@media only screen and (max-width: 640px){.archive.archive-author{padding-left:0;padding-right:10rem}}.archive.archive-author .archive-avatar{position:absolute;top:0;left:2rem;width:10rem;height:10rem;border-radius:8rem;overflow:hidden}@media only screen and (max-width: 640px){.archive.archive-author .archive-avatar{left:auto;right:0;top:2rem;width:8rem;height:8rem}}.has-cover .archive.archive-box{border:none}.has-cover .archive .archive-info span{color:#FFF}.has-cover .archive .archive-title{color:#FFF}.has-cover .archive .archive-description{color:rgba(255,255,255,0.8)}.has-cover .archive .archive-links a{color:rgba(255,255,255,0.8)}.has-cover .archive .archive-links a:focus,.has-cover .archive .archive-links a:hover{color:#FFF}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative;padding-right:0}.inner{max-width:calc(64rem + 8vw);margin:0 auto;padding:0 8rem}@media only screen and (max-width: 640px){.inner{padding:0 4rem}}#search{position:fixed;z-index:500;left:0;top:0;width:100%;height:100%;overflow-y:scroll;background:#f7f8fa;display:none}@media (prefers-color-scheme: dark){#search{background:#222426}}@media only screen and (max-width: 640px){#search{display:block;transition:all ease-out 0.3s;transform:translate3d(0, 100%, 0);border-top:1px solid #e1e3e6}}@media only screen and (max-width: 640px) and (prefers-color-scheme: dark){#search{border-color:#3b3d40}}#search #results{padding-bottom:calc(12rem + 8vw)}.search-active{overflow-y:hidden}.search-active #search{display:block}@media only screen and (max-width: 640px){.search-active #search{transform:translate3d(0, 0, 0)}}.search{padding:2rem 0;display:flex}.search input[type="text"]{font-size:2em;width:100%;height:5rem;margin:-0.5rem 0;padding:0 2rem;border-radius:5rem;border:1px solid #e1e3e6;background:#f7f8fa;box-sizing:border-box;box-shadow:none !important;outline:0 !important}@media (prefers-color-scheme: dark){.search input[type="text"]{border-color:#3b3d40;background:#222426}}.search input[type="text"]:focus,.search input[type="text"]:hover{border-color:#d9b120}.search input[type="submit"]{appeareance:none;background:none;border:0;display:none}.search-close{position:fixed;z-index:600;top:0;right:0;width:4rem;height:4rem;margin:2rem;border:1px solid #c4c7cc;border-radius:4rem;box-sizing:border-box;cursor:pointer;transition:all ease-out 0.1s}@media (prefers-color-scheme: dark){.search-close{border-color:#909499}}.search-close:after,.search-close:before{content:'';position:absolute;top:50%;left:20%;width:60%;height:2px;margin-top:-1px;border-radius:2px;background:#909499;transition:all ease-out 0.1s}@media (prefers-color-scheme: dark){.search-close:after,.search-close:before{background:#c4c7cc}}.search-close:after{transform:rotate(45deg)}.search-close:before{transform:rotate(-45deg)}.search-close:focus,.search-close:hover{border-color:#d9b120}.search-close:focus:after,.search-close:focus:before,.search-close:hover:after,.search-close:hover:before{background:#d9b120}.nav-header{background-color:black;position:fixed;top:0;left:0;width:100%;z-index:400;transition:all ease-out 0.3s}@media only screen and (max-width: 640px){.nav-header{transform:translate3d(0, -100%, 0)}}.menu-active .nav-header{transform:translate3d(0, 0, 0)}.nav-close{position:fixed;z-index:350;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.2;display:none}@media (prefers-color-scheme: dark){.nav-close{opacity:0.4}}@media only screen and (max-width: 640px){.menu-active .nav-close{display:block}}.nav-header .nav-wrapper-control{background:black;position:absolute;z-index:500;left:0;top:100%;width:100%;cursor:pointer;display:none;color:white;border-top:1px solid transparent;box-sizing:border-box;transition:all linear 0.1s}@media (prefers-color-scheme: dark){.nav-header .nav-wrapper-control{color:#909499}}@media only screen and (max-width: 640px){.nav-header .nav-wrapper-control{display:block}}.nav-header .nav-wrapper-control .inner{display:flex;justify-content:space-between}.nav-header .nav-wrapper-control a{position:relative;display:block;width:100%;padding:2rem 0;font-size:2em;line-height:2rem;color:inherit;transition:all ease-out 0.1s}.nav-header .nav-wrapper-control a i{display:inline-block;width:4rem}.nav-header .nav-wrapper-control a.nav-search{width:auto;text-align:right}.nav-header .nav-wrapper-control a.nav-search span{display:none}.nav-header .nav-wrapper-control a:focus,.nav-header .nav-wrapper-control a:hover{color:#ffc800}@media (prefers-color-scheme: dark){.nav-header .nav-wrapper-control a:focus,.nav-header .nav-wrapper-control a:hover{color:#ffc800}}.cover-active .nav-header,.cover-active .nav-wrapper-control{background:rgba(0,0,0,0)}.menu-active .nav-header .nav-wrapper-control{background:black;color:#909499;border-color:#3b3d40}@supports (-webkit-backdrop-filter: blur(2rem)){.menu-active .nav-header .nav-wrapper-control{background:rgba(34,36,38,0.9);-webkit-backdrop-filter:blur(2rem)}}.menu-active .nav-header .nav-wrapper-control a:focus,.menu-active .nav-header .nav-wrapper-control a:hover{color:#e1e3e6}.nav-header .nav-wrapper{display:flex;max-height:calc(100vh - 6rem);padding:2rem 4rem;overflow-y:auto}@media only screen and (max-width: 640px){.nav-header .nav-wrapper{background:#222426;flex-direction:column}@supports (-webkit-backdrop-filter: blur(2rem)){.nav-header .nav-wrapper{background:rgba(34,36,38,0.9);-webkit-backdrop-filter:blur(2rem)}}}.nav-header .logo{margin-right:3rem}.nav-header .logo a{display:block;height:4rem;padding:0}.nav-header .logo a img{display:block;width:auto;height:4rem}.nav-header ul{position:relative;display:flex;width:100%;margin:auto;padding:0;list-style:none;justify-content:flex-end}@media only screen and (max-width: 640px){.nav-header ul{flex-direction:column;flex-shrink:0;padding:2rem 0}}.nav-header ul:last-child{justify-content:flex-end}@media only screen and (max-width: 640px){.nav-header ul:last-child{display:none}}.nav-header li{position:relative;margin-right:3rem}.nav-header li.active a:before{position:absolute;content:'';width:100%;height:3px;left:0;top:0;padding:0 1rem;margin-left:-1rem;margin-top:-2rem;background:#ffc800}@media only screen and (max-width: 640px){.nav-header li.active a:before{left:0;top:50%;width:1.5rem;height:2px;margin-left:6px;margin-top:-1px;border-radius:2px;padding:0}}.nav-header li.active a{color:#3b3d40;font-weight:500}@media (prefers-color-scheme: dark){.nav-header li.active a{color:white}}@media only screen and (max-width: 640px){.nav-header li.active a{color:#FFF}}.nav-header li a{display:block;padding:1rem 0;font-size:1.5em;line-height:2rem;color:white;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-weight:400;cursor:pointer;transition:color linear 0.1s}@media only screen and (max-width: 640px){.nav-header li a{font-size:2em;padding-left:4rem}.nav-header li a:before{content:'';position:absolute;left:0;top:50%;width:1.5rem;height:2px;margin-left:6px;margin-top:-1px;border-radius:2px;background:#3b3d40}}.nav-header li a:focus,.nav-header li a:hover{color:#ffc800}@media (prefers-color-scheme: dark){.nav-header li a:focus,.nav-header li a:hover{color:#ffc800}}@media only screen and (max-width: 640px){.nav-header li a:focus,.nav-header li a:hover{color:#c4c7cc}}.nav-header li.nav-rss,.nav-header li.nav-search,.nav-header li.nav-subscribe,.nav-header li.nav-twitter{margin-right:1.5rem}.nav-header li.nav-rss a,.nav-header li.nav-search a,.nav-header li.nav-subscribe a,.nav-header li.nav-twitter a{font-size:1.75em}.nav-header li.nav-rss span,.nav-header li.nav-search span,.nav-header li.nav-subscribe span,.nav-header li.nav-twitter span{display:none}.nav-header li:last-child{margin-right:0}.cover-active .nav-wrapper-control a{color:#fff}.cover-active .nav-wrapper-control a:focus,.cover-active .nav-wrapper-control a:hover{color:#ffc800}@media only screen and (min-width: 640px){.cover-active .nav-header li a{color:#fff}}@media only screen and (min-width: 640px){.cover-active .nav-header li a:focus,.cover-active .nav-header li a:hover{color:#ffc800}}@media only screen and (min-width: 640px){.cover-active .nav-header li.active a{color:#ffc800}}.progress-container{position:fixed;width:100%;height:4px;left:0;top:0;z-index:1000;background:transparent;transition:all ease-out 0.2s}.progress-container.complete{transform:translateY(-3px)}.progress-bar{display:block;width:0;height:3px;background:#ffc800}.nav-footer{position:relative;z-index:20;padding-top:calc(12rem + 8vw);padding-bottom:4rem;margin-top:auto}.nav-footer .inner{max-width:none;padding:0 4rem}.nav-footer .nav-wrapper{display:flex;padding:0 4rem}@media only screen and (max-width: 640px){.nav-footer .nav-wrapper{flex-direction:column;text-align:center}}.nav-footer ul{position:relative;display:flex;width:100%;margin:0;padding:0;list-style:none}@media only screen and (max-width: 640px){.nav-footer ul{margin-bottom:3rem;justify-content:center}}.nav-footer ul:last-child{justify-content:flex-end}.nav-footer li{position:relative;margin-right:3rem}.nav-footer li.active a{color:#3b3d40;font-weight:500}@media (prefers-color-scheme: dark){.nav-footer li.active a{color:#e1e3e6}}.nav-footer li a{display:block;font-size:1.5em;line-height:2rem;color:#909499;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-weight:400;cursor:pointer}.nav-footer li a:focus,.nav-footer li a:hover{color:#3b3d40}@media (prefers-color-scheme: dark){.nav-footer li a:focus,.nav-footer li a:hover{color:#e1e3e6}}.nav-footer li:last-child{margin-right:0}.nav-copy{display:block;width:100%;font-size:1.5em;line-height:2rem;color:#909499}@media (prefers-color-scheme: dark){.nav-copy{color:#909499}}@media only screen and (max-width: 640px){.nav-copy{margin-bottom:1rem}}.nav-credits{flex-shrink:0;display:block;font-size:1.5em;line-height:2rem;color:#909499}@media (prefers-color-scheme: dark){.nav-credits{color:#909499}}.nav-credits a{color:inherit;text-decoration:none;font-weight:500}.container{position:relative}.container .post .post-box{padding-top:calc(4rem + 2vw);padding-bottom:calc(4rem + 2vw);border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.container .post .post-box{border-color:#3b3d40}}.container #results .post .post-box{border-top:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.container #results .post .post-box{border-color:#3b3d40}}.container .post.featured .post-title:after{position:absolute;width:4rem;height:4rem;left:-4rem;top:0;font-family:'icon';font-size:0.5em;font-style:normal;font-weight:normal;content:'\e800';color:#ffc336;text-align:center}.post-header{position:relative;padding:calc(16rem + 4vw) 0 calc(2rem + 2vw)}.post-header.has-cover{padding:calc(16rem + 8vw) 0 calc(4rem);margin-bottom:calc(4rem + 2vw);background:#000;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.post-cover{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;background:no-repeat scroll center center / cover #000;animation:0.5s ease-in forwards fadein;display:flex;align-items:center}.post-cover img{position:relative;display:block;width:100%;height:100%;margin:0;z-index:6;object-fit:cover;filter:brightness(0.75)}.post-cover:after{content:'';position:absolute;width:100%;height:66.666%;left:0;bottom:0;z-index:8;background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.333) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.333) 100%)}.post{position:relative;z-index:10}.post-info{position:relative;z-index:10;display:flex;margin-bottom:2rem;font-size:2em;line-height:1em}.post-info .post-type{color:#ffc800}.post-info .post-count{position:relative;margin-left:3rem;color:#909499}.post-info .post-count:after{content:'';position:absolute;left:-2rem;top:50%;width:1rem;height:1px;background:#c4c7cc}.has-cover .post-info .post-count{color:#FFF}.has-cover .post-info .post-count:after{background:#FFF}.has-cover .post-info .post-type{color:#FFF}.post-title{position:relative;z-index:10;margin:0 0 2rem;font-size:4em;line-height:1.25em;font-weight:700;text-indent:-1px;color:#000}@media (prefers-color-scheme: dark){.post-title{color:#FFF}}.post-title a{text-decoration:none;color:inherit;font-weight:inherit}.post-header .post-title{margin:0 0 4rem;font-size:6em;line-height:1.25em}.has-cover .post-title{color:#FFF}.post-meta{font-weight:400;font-size:1.5rem;line-height:2rem;color:#909499}@media (prefers-color-scheme: dark){.post-meta{color:#909499}}.post-meta a{display:inline-block;text-decoration:none;color:inherit}.post-meta a:focus,.post-meta a:hover{text-decoration:underline}.post-header .post-meta{position:relative;padding-bottom:4rem;z-index:10}.post-header .post-meta:after{clear:both;content:'';display:table}.post-header .post-meta:before{content:'';position:absolute;left:0;bottom:0;width:8rem;height:1px;background:#e1e3e6}@media (prefers-color-scheme: dark){.post-header .post-meta:before{background:#3b3d40}}.post-header .post-meta .post-meta-avatars{float:left;margin-right:1rem}.post-header .post-meta .post-meta-avatars:after{clear:both;content:'';display:table}.post-header .post-meta .post-meta-avatars .post-meta-avatar{float:left;display:block;vertical-align:top;width:4rem;height:4rem;margin-right:-1rem;border-radius:100%}.post-header .post-meta .post-meta-avatars .post-meta-avatar:last-child{margin-right:0}.post-header .post-meta .post-meta-avatars .post-meta-avatar a{height:100%}.post-header .post-meta .post-meta-author{color:#222426;font-weight:500;margin:0}@media (prefers-color-scheme: dark){.post-header .post-meta .post-meta-author{color:#e1e3e6}}.has-cover .post-meta{color:rgba(255,255,255,0.8);padding:0}.has-cover .post-meta:before{display:none}.has-cover .post-meta .post-meta-avatar{border-color:#FFF}.has-cover .post-meta .post-meta-author{color:#FFF}.post-excerpt{margin:1em 0 0;font-family:'Cardo', serif;font-size:2em;line-height:1.5em}.post-content{display:flex;flex-direction:column;align-items:center;font-size:2rem;line-height:3rem}.post-content>*{min-width:100%;max-width:100%;box-sizing:border-box}.post-content>*:last-child{margin-bottom:0}.post-content>*:first-child{margin-top:0}.post-footer{margin:12rem 0 6rem}.post-footer:after{clear:both;content:'';display:table}.post-info-label{margin-right:0.75em;font-size:1.5em;line-height:3rem;font-weight:400;color:#909499}.post-share{position:relative;max-width:33.33333%;float:right;display:flex}@media only screen and (max-width: 640px){.post-share{max-width:none;float:none;margin-bottom:2rem}}.post-share a{display:block;width:3rem;height:3rem;margin-right:0.5em;padding:0;font-size:1.5em;line-height:3rem;text-align:center;text-decoration:none;color:#FFF;border-radius:2em;transition:all ease 0.2s}@media only screen and (max-width: 640px){.post-share a{margin-left:0;margin-right:0.66667em}}.post-share a:focus,.post-share a:hover{background-color:#222426}@media (prefers-color-scheme: dark){.post-share a:focus,.post-share a:hover{background-color:#d9b120}}.post-share a:last-child{margin-right:0}.post-share a i{color:inherit}.post-share a i:before{width:auto;height:auto}.post-share .twitter{background-color:#3ea9dd}.post-share .facebook{background-color:#3c5a98}.post-share .linkedin{background-color:#0e76a8}.post-share .email{background-color:#2997ee}.post-tags{position:relative;max-width:66.66666%;float:left;display:flex;flex-wrap:wrap}@media only screen and (max-width: 640px){.post-tags{max-width:none;float:none;margin-bottom:2rem}}.post-tags a{display:inline-block;margin-right:0.5em;margin-bottom:0.5em;padding:0 1.5rem;background:#ffc800;font-size:1.5em;font-weight:500;line-height:3rem;text-align:center;text-decoration:none;color:#212426;border-radius:2em;transition:all ease 0.2s;box-sizing:border-box;white-space:nowrap}.post-tags a:focus,.post-tags a:hover{background:#d9b120}.post-comments{position:relative;padding:4rem;text-align:center;border-top:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;box-sizing:border-box}@media (prefers-color-scheme: dark){.post-comments{border-color:#3b3d40}}.post-comments.activated{background:#f7f8fa;border:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.post-comments.activated{background:#222426;border-color:#3b3d40}}.post-comments-activate{display:inline-block;height:4rem;margin:2rem 0;padding:0 2rem;border:1px solid #c4c7cc;font-weight:500;font-size:1.5em;line-height:4rem;color:#909499;text-align:center;cursor:pointer;transition:all ease 0.2s;border-radius:2em}@media (prefers-color-scheme: dark){.post-comments-activate{border-color:#909499;color:#c4c7cc}}.post-comments-activate:focus,.post-comments-activate:hover{color:#d9b120;border-color:#d9b120}.activated .post-comments-activate{display:none}.post-subscribe{position:relative;padding:4rem 0;margin:1em 0;text-align:center;background:#3b3d40;color:#c4c7cc;box-sizing:border-box;border-radius:2px}.post-subscribe p{max-width:13.33334em;margin:0 auto 1.33334em;font-size:1.2em;line-height:1.33334em}.post-subscribe .post-subscribe-form{display:flex;justify-content:center}.post-subscribe .post-subscribe-form .post-subscribe-input{width:100%;font-size:0.8em;height:2.5em;padding:0 0.25em 0 1.25em;border:0;border-right:none;appearance:none;outline:none;box-shadow:none;box-sizing:border-box;border-radius:4em 0 0 4em;color:#3b3d40}.post-subscribe .post-subscribe-form .post-subscribe-button{display:inline-block;font-size:0.8em;height:2.5em;padding:0 1.25em 0 1em;font-weight:500;color:#FFF;background:#909499;border:0;appearance:none;outline:none;box-shadow:none;box-sizing:border-box;border-radius:0 4em 4em 0}.post-subscribe .post-subscribe-form .post-subscribe-button:focus,.post-subscribe .post-subscribe-form .post-subscribe-button:hover{background:#d9b120}.post-nav{position:relative;margin-top:-1px;border-top:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.post-nav{border-color:#3b3d40}}.post-nav:after{position:absolute;content:'';width:1px;height:100%;left:50%;top:0;background:#e1e3e6;z-index:2}@media (prefers-color-scheme: dark){.post-nav:after{background:#3b3d40}}@media only screen and (max-width: 640px){.post-nav:after{display:none}}.post-nav-next,.post-nav-prev{text-decoration:none;color:inherit;display:block;width:50%}@media only screen and (max-width: 640px){.post-nav-next,.post-nav-prev{display:block;width:100%}}.post-nav-next:focus,.post-nav-next:hover,.post-nav-prev:focus,.post-nav-prev:hover{color:inherit}.post-nav-next:focus i,.post-nav-next:hover i,.post-nav-prev:focus i,.post-nav-prev:hover i{color:#d9b120}.post-nav-next{float:left}.post-nav-next .post-nav-teaser{padding-right:3rem}@media only screen and (max-width: 640px){.post-nav-next .post-nav-teaser{padding-right:0}}.post-nav-prev{float:right}.post-nav-prev .post-nav-teaser{padding-left:3rem}@media only screen and (max-width: 640px){.post-nav-prev .post-nav-teaser{padding-left:0}}.post-nav-teaser{position:relative;padding:2rem 0;min-height:8rem}@media only screen and (max-width: 640px){.post-nav-teaser{min-height:4em;padding:2em 0}.post-nav-teaser:after{position:absolute;content:'';width:100%;height:1px;left:0;bottom:0;margin-bottom:-1px;background:#e1e3e6;z-index:2}}@media only screen and (max-width: 640px) and (prefers-color-scheme: dark){.post-nav-teaser:after{background:#3b3d40}}.post-nav i{position:absolute;top:50%;width:4rem;height:4rem;margin-top:-2rem;font-size:4rem;line-height:4rem;text-align:center;transition:all ease-out 0.2s;color:#e1e3e6}@media (prefers-color-scheme: dark){.post-nav i{color:#3b3d40}}.post-nav i:before{margin:0;width:auto}.post-nav-next i{left:0;margin-left:-4rem}.post-nav-prev i{right:0;margin-right:-4rem}.post-nav-title{margin:0 0 0.5rem;padding:0;font-size:2em;line-height:3rem;color:inherit;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000}@media (prefers-color-scheme: dark){.post-nav-title{color:#FFF}}.post-nav-excerpt{height:5rem;margin:0 0 1rem;font-family:'Cardo', serif;font-size:1.75em;line-height:2.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-nav-meta{margin:0;font-size:1.5em;line-height:2rem;color:#909499}.pagination{position:relative;margin:0}.pagination .pagination-box{padding-top:calc(2rem + 1vw);padding-bottom:calc(2rem + 1vw)}.pagination .pagination-box:after{clear:both;content:'';display:table}.pagination a{position:relative;display:block;height:4rem;margin:-1px 0;padding:0 2rem;z-index:100;border:1px solid #c4c7cc;font-size:1.5em;line-height:4rem;font-weight:500;text-align:center;text-decoration:none;color:#909499;transition:all ease 0.2s;border-radius:4rem;box-sizing:border-box}@media (prefers-color-scheme: dark){.pagination a{border-color:#909499;color:#c4c7cc}}.pagination a:focus,.pagination a:hover{color:#d9b120;border-color:#d9b120}.pagination .pagination-prev{float:right;padding-right:1.5rem}.pagination .pagination-next{float:left;padding-left:1.5rem}.pagination .pagination-label{position:relative;top:-1px;display:inline-block}@media only screen and (max-width: 480px){.pagination .pagination-label{display:none}}.pagination a i{position:relative;top:1px;width:auto;margin:auto 4px;color:inherit;font-size:1.33334em;line-height:0.75em}.pagination a i:before{position:relative;width:auto;margin:auto}.pagination .pagination-info{position:absolute;width:100%;font-size:1.5em;line-height:4rem;height:4rem;left:0;z-index:50;display:block;text-align:center;color:#909499}.extra-pagination{display:none}.paged .extra-pagination{display:block}.paged .extra-pagination .pagination-box{border-bottom:1px solid #e1e3e6}@media (prefers-color-scheme: dark){.paged .extra-pagination .pagination-box{border-color:#3b3d40}} diff --git a/index.hbs b/index.hbs index 9da02fe8..86c5e127 100644 --- a/index.hbs +++ b/index.hbs @@ -6,6 +6,14 @@ {{#if @site.description}} {{@site.description}} {{/if}} +
+ + + + + + +
{{#if @site.cover_image}}
diff --git a/src/sass/style.scss b/src/sass/style.scss index c476b0af..cb42cdcc 100644 --- a/src/sass/style.scss +++ b/src/sass/style.scss @@ -795,6 +795,30 @@ textarea { } } +.store-download-buttons{ + display: flex; + align-items: center; + align-content: center; + justify-content: center; + margin-top: 20px; + + @media only screen and (max-width: $breakpoint-medium) { + flex-direction: column; + } + a{ + img{ + // height: 130px; + &.icon-play-store{ + width: 210px; + + } + &.icon-apple-store{ + width: 185px; + } + } + } +} + .has-cover .blog-description { color: #FFF; }