@font-face {
 font-family:'icons';
 src:url("../fonts/icons.eot");
 src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
 url("../fonts/icons.woff") format("woff"),
 url("../fonts/icons.ttf") format("truetype"),
 url("../fonts/icons.svg#icons") format("svg");
 font-weight:normal;
 font-style:normal
}
.icon-ghost,
.icon-feed {
 font-family:'icons';
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 text-decoration:none
}
.icon-ghost-text {
 font-family:"Courier New", Courier, monospace
}
.icon-ghost:before {
 content:"\e000"
}
.icon-feed:before {
 content:"\e000"
}
html {
 height:100%;
 max-height:100%;
 font-size:62.5%
}
body {
 height:100%;
 max-height:100%;
 font-family:"Courier New", Courier, monospace;
 font-size:2.0rem;
 line-height:1.6em;
 color:#B2B6BD;
 background:#2b303b
}
::-moz-selection {
 color:#1c212b;
 background:#a3be8c;
 text-shadow:none
}
::selection {
 color:#1c212b;
 background:#a3be8c;
 text-shadow:none
}
h1,
h2,
h3,
h4,
h5,
h6 {
 text-rendering:optimizeLegibility;
 line-height:1;
 margin-top:20px;
 letter-spacing:2px;
 font-weight:normal
}
h1 a {
 color:#739a99
}
h2 a {
 color:#739a99
}
h3 a {
 color:#739a99
}
h4 a {
 color:#739a99
}
h5 a {
 color:#739a99
}
h6 a {
 color:#739a99
}
h1 {
 font-size:5rem;
 line-height:1.2em;
 text-indent:-3px
}
h2 {
 font-size:4rem;
 line-height:1.2em;
 text-indent:-2px
}
h3 {
 font-size:3.5rem
}
h4 {
 font-size:3rem
}
h5 {
 font-size:2.5rem
}
h6 {
 font-size:2rem
}
a {
 color:#bf6165;
 -webkit-transition:color ease 0.3s;
 transition:color ease 0.3s
}
a:hover {
 color:#a3be8c
}
p,
ul,
ol {
 margin:1.6em 0
}
ol ol,
ul ul,
ul ol,
ol ul {
 margin:0.4em 0
}
hr {
 display:block;
 height:1px;
 border:0;
 border-top:1px solid #424650;
 margin:3.2em 0;
 padding:0
}
blockquote {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:1.6em 0 1.6em -2.2em;
 padding:0 0 0 1.6em;
 border-left:#4f586b 0.4em solid
}
blockquote p {
 margin:0.8em 0;
 font-style:italic
}
blockquote small {
 display:inline-block;
 margin:0.8em 0 0.8em 1.5em;
 font-size:0.9em;
 color:#ccc
}
blockquote small:before {
 content:'\2014 \00A0'
}
blockquote cite {
 font-weight:bold
}
blockquote cite a {
 font-weight:normal
}
dl {
 margin:1.6em 0
}
dl dt {
 float:left;
 width:180px;
 overflow:hidden;
 clear:left;
 text-align:right;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-weight:bold;
 margin-bottom:1em
}
dl dd {
 margin-left:200px;
 margin-bottom:1em
}
mark {
 background-color:#ffc336
}
code,
tt {
 padding:1px 3px;
 font-family:"Courier New", Courier, monospace;
 font-size:0.75em;
 white-space:pre;
 border:1px solid #424a5a;
 background:#4f586b;
 border-radius:2px
}
pre {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:1.6em 0;
 border:1px solid #424a5a;
 width:100%;
 padding:10px;
 font-family:"Courier New", Courier, monospace;
 font-size:0.8em;
 white-space:pre;
 overflow:auto;
 background:#4f586b;
 border-radius:3px
}
pre code,
tt {
 font-size:inherit;
 white-space:-moz-pre-wrap;
 white-space:pre-wrap;
 background:transparent;
 border:none;
 padding:0
}
kbd {
 display:inline-block;
 margin-bottom:0.4em;
 padding:1px 8px;
 border:#ccc 1px solid;
 color:#666;
 text-shadow:#fff 0 1px 0;
 font-size:0.9em;
 font-weight:bold;
 background:#f4f4f4;
 border-radius:4px;
 -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset;
 box-shadow:0 1px 0 rgba(0,0,0,0.2),0 1px 0 0 #fff inset
}
table {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:1.6em 0;
 width:100%;
 max-width:100%;
 background-color:transparent
}
table th,
table td {
 padding:8px;
 line-height:20px;
 text-align:left;
 vertical-align:top;
 border-top:1px solid #424a5a
}
table th {
 color:#000
}
table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
 border-top:0
}
table tbody+tbody {
 border-top:2px solid #efefef
}
table table table {
 background-color:#fff
}
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
 background-color:#4f586b
}
table.plain tbody>tr:nth-child(odd)>td,
table.plain tbody>tr:nth-child(odd)>th {
 background:transparent
}
button,
input,
select,
textarea {
 background:#4f586b;
 border:1px solid #424a5a;
 color:#B2B6BD;
 outline-color:#bf6165
}
.site-nav ul {
 padding:0
}
.site-nav ul li {
 display:inline-block;
 list-style:none
}
.post-header .site-nav {
 text-align:center
}
.hidden {
 text-indent:-9999px;
 visibility:hidden;
 display:none
}
.inner {
 position:relative;
 width:80%;
 max-width:850px;
 margin:0 auto
}
#site-head {
 position:relative;
 display:table;
 width:100%;
 /* height:60%; */
 margin-bottom:5rem;
 /* text-align:center; */
 color:#a0add5;
 background:#1c212b no-repeat center center;
 background-size:cover
}
#blog-logo {
 width:100px;
 border-radius:50%;
 overflow:hidden;
 display:block;
 margin:0 auto;
 position:relative
}
#blog-logo:before {
 width:100px;
 height:100px;
 border-radius:50%;
 overflow:hidden;
 display:block;
 margin:0 auto;
 content:"";
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 background:none;
 -webkit-transition:background .3s linear;
 transition:background .3s linear
}
#blog-logo:hover:before {
 background:rgba(204,31,39,0.5)
}
#blog-logo img {
 display:block;
 max-height:100px;
 width:auto;
 line-height:0;
 border-radius:50%
}
#blog-logo-title {
 margin:10px 0 10px 0;
 font-size:5rem;
 letter-spacing:-1px
}
#blog-logo-description {
 margin:0;
 font-size:1.8rem;
 line-height:1.5em;
 font-weight:300;
 letter-spacing:0
}
#back {
 color:rgba(0,0,0,0.2);
 position:fixed;
 top:8px;
 left:8px;
 padding:6px;
 font-size:16px
}
.post {
 position:relative;
 width:80%;
 max-width:850px;
 margin:4rem auto;
 padding-bottom:4rem;
 border-bottom:#424650 1px solid;
 word-break:break-word;
 -webkit-hyphens:auto;
 -ms-hyphens:auto;
 hyphens:auto
}
.post-title {
 color:#739a99;
 margin:0
}
.post-title a {
 color:#739a99 !important;
 text-decoration:none
}
.post-title a:hover {
 color:#aec5c4 !important
}
.post-excerpt p {
 margin:1.6rem 0 0 0;
 font-size:0.9em;
 line-height:1.6em
}
.post-meta {
 display:inline-block;
 margin:0 0 5px 0;
 font-size:1.5rem;
 color:#846d8f
}
.post a {
 color:#846d8f;
 text-decoration:none
}
.post a:hover {
 text-decoration:underline;
 color:#9c8aa5
}
.post-header a {
 color:#bf6165;
 -webkit-transition:color ease 0.3s;
 transition:color ease 0.3s
}
.post-header a:hover {
 color:#a3be8c
}
.user-meta {
 position:relative;
 padding:0.3rem 40px 0 100px;
 min-height:77px
}
.user-image {
 position:absolute;
 top:0;
 left:0
}
.user-name {
 display:block;
 font-weight:bold
}
.user-bio {
 display:block;
 max-width:440px;
 font-size:1.4rem;
 line-height:1.5em
}
.publish-meta {
 position:absolute;
 top:0;
 right:0;
 padding:4.3rem 0 4rem 0;
 text-align:right
}
.publish-heading {
 display:block;
 font-weight:bold
}
.publish-date {
 display:block;
 font-size:1.4rem;
 line-height:1.5em
}
.post-template .post {
 margin-top:0;
 border-bottom:none;
 padding-bottom:0
}
.post-template .post:after {
 display:none
}
.post-template .post-header {
 padding:60px 0
}
.post-content img {
 display:block;
 max-width:100%;
 margin:0 auto
}
.post-footer {
 position:relative;
 margin:4rem 0 0 0;
 padding:4rem 0 0 0;
 border-top:#424650 1px solid
}
.post-footer h4 {
 font-size:1.8rem;
 margin:0
}
.post-footer p {
 margin:1rem 0;
 font-size:1.4rem;
 line-height:1.6em
}
.post-footer .author {
 margin-right:180px
}
.pagination {
 position:relative;
 width:80%;
 max-width:850px;
 margin:4rem auto;
 font-family:"Courier New", Courier, monospace;
 font-size:1.3rem;
 color:#9EABB3;
 text-align:center
}
.pagination a {
 color:#9EABB3
}
.pagination a:hover {
 color:#acb7be;
 -webkit-transition:all ease 800ms;
 transition:all ease 800ms
}
.older-posts,
.newer-posts {
 position:absolute;
 display:inline-block;
 padding:0 15px;
 border:#424650 1px solid;
 text-decoration:none;
 border-radius:5px;
 -webkit-transition:border ease 0.3s;
 transition:border ease 0.3s;
 background:#363c4a
}
.older-posts {
 right:0
}
.page-number {
 display:inline-block;
 padding:2px 0
}
.newer-posts {
 left:0
}
.older-posts:hover,
.newer-posts:hover {
 border-color:#9EABB3
}
.site-footer {
 position:relative;
 margin:8rem 0 0 0;
 padding:4rem 0;
 border-top:#1a1e27 1px solid;
 font-size:1.3rem;
 line-height:1.7em;
 color:#BBC7CC;
 text-align:center;
 background:#1c212b
}
.site-footer a {
 color:#BBC7CC;
 text-decoration:underline
}
.site-footer a:hover {
 color:#50585D
}
.poweredby .icon-ghost {
 color:#bf6165;
 font-weight:700;
 text-decoration:none
}
.poweredby .icon-ghost:hover {
 text-decoration:none
}
.poweredby .icon-ghost:before {
 font-size:1rem;
 margin-right:0.2em
}
.subscribe {
 width:28px;
 height:28px;
 position:absolute;
 top:-14px;
 left:50%;
 margin-left:-15px;
 border:#EBF2F6 1px solid;
 text-align:center;
 line-height:2.4rem;
 border-radius:50px;
 background:#fff;
 -webkit-transition:-webkit-box-shadow 0.5s;
 transition:-webkit-box-shadow 0.5s;
 transition:box-shadow 0.5s;
 transition:box-shadow 0.5s, -webkit-box-shadow 0.5s
}
.subscribe:before {
 color:#D2DEE3;
 font-size:10px;
 position:absolute;
 top:2px;
 left:9px;
 font-weight:bold;
 -webkit-transition:color 0.5s ease;
 transition:color 0.5s ease
}
.subscribe:hover {
 -webkit-box-shadow:rgba(0,0,0,0.05) 0 0 0 3px;
 box-shadow:rgba(0,0,0,0.05) 0 0 0 3px;
 -webkit-transition:-webkit-box-shadow 0.25s;
 transition:-webkit-box-shadow 0.25s;
 transition:box-shadow 0.25s;
 transition:box-shadow 0.25s, -webkit-box-shadow 0.25s
}
.subscribe:hover .tooltip {
 opacity:1;
 top:-33px
}
.subscribe:hover:before {
 color:#50585D
}
.tooltip {
 opacity:0;
 display:inline-block;
 padding:4px 8px 5px 8px;
 position:absolute;
 top:-23px;
 left:-23px;
 color:rgba(255,255,255,0.9);
 font-size:1.1rem;
 font-weight:bold;
 line-height:1em;
 text-align:center;
 background:#50585D;
 border-radius:20px;
 -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);
 box-shadow:0 1px 4px rgba(0,0,0,0.1);
 -webkit-transition:opacity 0.3s ease, top 0.3s ease;
 transition:opacity 0.3s ease, top 0.3s ease
}
.tooltip:after {
 content:"";
 border-width:5px 5px 0 5px;
 border-style:solid;
 border-color:#50585D transparent;
 display:block;
 position:absolute;
 bottom:-4px;
 left:50%;
 margin-left:-5px;
 z-index:220;
 width:0
}
@media only screen and (max-width: 900px) {
 blockquote {
  margin-left:0
 }
 #site-head {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:auto;
  min-height:240px;
  padding:15% 0
 }
 .blog-title {
  font-size:4rem;
  letter-spacing:-1px
 }
 .blog-description {
  font-size:1.7rem;
  line-height:1.5em
 }
 .post {
  font-size:0.9em;
  line-height:1.6em
 }
 .post-template .post {
  padding-bottom:1rem
 }
 .post-template .post-header {
  padding:40px 0
 }
 .post-header #blog-logo:before {
  margin:40px auto
 }
 h1 {
  font-size:4.8rem;
  text-indent:-2px
 }
 h2 {
  font-size:3.8rem
 }
 h3 {
  font-size:3.3rem
 }
 h4 {
  font-size:2.8rem
 }
}
@media only screen and (max-width: 500px) {
 #blog-logo img {
  max-height:80px
 }
 #blog-logo {
  width:80px
 }
 #blog-logo:before {
  width:80px;
  height:80px
 }
 .inner,
 .pagination {
  width:auto;
  margin-left:16px;
  margin-right:16px
 }
 .post {
  width:auto;
  margin-left:16px;
  margin-right:16px;
  font-size:0.8em;
  line-height:1.6em
 }
 #site-head {
  padding:10% 0
 }
 .blog-title {
  font-size:3rem
 }
 .blog-description {
  font-size:1.5rem
 }
 h1,
 h2 {
  font-size:3rem;
  line-height:1.1em;
  letter-spacing:-1px
 }
 h3 {
  font-size:2.8rem
 }
 h4 {
  font-size:2.3rem
 }
 .post-template .post {
  padding-bottom:0
 }
 .post-template .post-header {
  padding:30px 0
 }
 .post-header #blog-logo:before {
  margin:30px auto
 }
 .post-meta {
  font-size:1.3rem
 }
 .post-footer {
  padding:4rem 0;
  text-align:center
 }
 .post-footer .author {
  margin:0 0 2rem 0;
  padding:0 0 1.6rem 0;
  border-bottom:#424650 1px dashed
 }
 .older-posts,
 .newer-posts {
  position:static;
  margin:10px 0
 }
 .page-number {
  display:block
 }
 .site-footer {
  margin-top:6rem;
  font-size:1.1rem
 }
}
.post-content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 max-width:920px
}
.post-template .post-content>p:first-child {
 font-size:1.25em;
 line-height:1.5em
}
.post-full-content .kg-image {
 max-width:100%
}
.post-full-image+.post-full-content .kg-content *:first-child .kg-image {
 width:100%
}
.post-full-content .kg-width-wide .kg-image {
 max-width:1040px
}
.post-full-content .kg-width-full .kg-image {
 max-width:100vw
}
.post-full-content figure {
 margin:1.5em 0 3em
}
.post-full-content figure img {
 margin:0
}
.post-full-content figcaption {
 margin:1.0em 0 0;
 font-size:80%;
 line-height:1.6em;
 text-align:center
}
.kg-width-full figcaption {
 padding:0 1.5em
}
.kg-embed-card {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 min-width:100%
}
.kg-embed-card .fluid-width-video-wrapper {
 margin:0
}
@media (max-width: 1040px) {
 .post-full-content .kg-width-full .kg-image {
  width:100vw
 }
}
.kg-gallery-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 max-width:1040px;
 width:100vw
}
.kg-gallery-row {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.kg-gallery-image img {
 display:block;
 margin:0;
 width:100%;
 height:100%
}
.kg-gallery-row:not(:first-of-type) {
 margin:0.75em 0 0 0
}
.kg-gallery-image:not(:first-of-type) {
 margin:0 0 0 0.75em
}
.kg-gallery-card+.kg-image-card.kg-width-wide,
.kg-gallery-card+.kg-gallery-card,
.kg-image-card.kg-width-wide+.kg-gallery-card,
.kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide {
 margin:-2.25em 0 3em
}
.kg-bookmark-card {
 width:100%;
 position:relative
}
.kg-bookmark-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:reverse;
 -ms-flex-direction:row-reverse;
 flex-direction:row-reverse;
 color:currentColor;
 font-family:inherit;
 text-decoration:none;
 border:1px solid rgba(0,0,0,0.1)
}
.kg-bookmark-container:hover {
 text-decoration:none
}
.kg-bookmark-content {
 -ms-flex-preferred-size:0;
 flex-basis:0;
 -webkit-box-flex:999;
 -ms-flex-positive:999;
 flex-grow:999;
 padding:20px;
 -webkit-box-ordinal-group:2;
 -ms-flex-order:1;
 order:1
}
.kg-bookmark-title {
 font-weight:600
}
.kg-bookmark-metadata,
.kg-bookmark-description {
 margin-top:.5em
}
.kg-bookmark-metadata {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.kg-bookmark-description {
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden
}
.kg-bookmark-icon {
 display:inline-block;
 width:1em;
 height:1em;
 vertical-align:text-bottom;
 margin-right:.5em;
 margin-bottom:.05em
}
.kg-bookmark-thumbnail {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-preferred-size:24rem;
 flex-basis:24rem;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1
}
.kg-bookmark-thumbnail img {
 max-width:100%;
 height:auto;
 vertical-align:bottom;
 -o-object-fit:cover;
 object-fit:cover
}
.kg-bookmark-author {
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.kg-bookmark-publisher::before {
 content:"•";
 margin:0 .5em
}