@charset "UTF-8";
/* line 1, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown {
  line-height: 1.7;
  font-size: 18px;
}

/* line 6, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown > *:first-child {
  margin-top: 0 !important;
}

/* line 10, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img {
  box-sizing: content-box;
  background-color: #fff;
}

/* line 15, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6, .markdown table {
  margin-top: 44px;
  margin-bottom: 26px;
  font-weight: 700;
  line-height: 1.25;
}

/* line 22, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown b, .markdown strong {
  font-weight: 600;
}

/* line 26, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p, .markdown blockquote, .markdown ul, .markdown ol, .markdown dl, .markdown table, .markdown pre {
  margin-bottom: 25px;
}

/* line 30, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown ul, .markdown ol {
  margin-left: 2em;
}

/* line 34, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown ul li {
  list-style: disc;
}

/* line 38, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown sup a {
  border: 0 !important;
  margin-left: 2px;
  color: #999 !important;
}

/* line 44, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown div.footnotes {
  color: #666;
  font-size: 12px;
  margin-top: 40px;
  border-top: 1px solid #efefef;
  padding-top: 15px;
}

/* line 45, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown div.footnotes > hr {
  display: none;
}

/* line 51, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown div.footnotes p {
  margin: 0;
}

/* line 53, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown div.footnotes p a {
  color: #999;
  font-weight: 600;
  border: 0;
}

/* line 59, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown div.footnotes li + li {
  margin-top: 6px;
}

/* line 64, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown h1 {
  font-size: 2em;
  font-weight: 700;
  border-bottom: 2px solid #eee;
  padding-bottom: 0.3em;
}

/* line 71, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown h2 {
  font-size: 1.5em;
  border-bottom: 2px solid #eee;
  padding-bottom: 0.3em;
}

/* line 77, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown h3 {
  font-size: 1.25em;
}

/* line 81, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown hr {
  height: 2px;
  border-color: #efefef;
  max-width: 75%;
  margin: 60px auto;
}

/* line 88, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.codeTitle {
  margin-bottom: 0;
  background: #eee;
  border-radius: 4px 4px 0 0;
  font-size: 12px;
  color: #888;
  padding: 8px 16px;
  border-bottom: 1px dashed #dcdcdc;
}

/* line 98, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.codeTitle + pre {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 103, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown pre {
  background: #f2f2f2;
  font-family: "Operator Mono A", "Operator Mono B", monospace, monospace;
  padding: 16px;
  white-space: pre;
  word-wrap: normal;
  line-height: 1.45;
  overflow: auto;
  border-radius: 4px;
}

/* line 112, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown pre code {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: inherit;
}

/* line 122, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown ul a, .markdown ol a, .markdown p a {
  color: #39a5ef;
  border-bottom: 1px solid #c7e5fa;
}

/* line 125, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown ul a:hover, .markdown ol a:hover, .markdown p a:hover {
  color: #107fcb;
}

/* line 129, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown ul a.brandLink, .markdown ol a.brandLink, .markdown p a.brandLink {
  color: inherit;
  color: #555;
  border-bottom: 1px solid #ddd;
}

/* line 133, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown ul a.brandLink:hover, .markdown ol a.brandLink:hover, .markdown p a.brandLink:hover {
  text-decoration: none;
  color: #222;
}

/* line 140, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p img {
  text-align: center;
  margin: auto;
  display: block;
  max-width: 100%;
}

/* line 147, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.big {
  font-size: 22px;
}

/* line 151, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox {
  background: #fffff1;
  border: 2px solid #e8e8e2;
  color: #888878;
  font-size: 90%;
  font-weight: 500;
  padding: 20px;
  border-radius: 6px;
  margin-top: 40px;
  margin-bottom: 40px;
}

/* line 161, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox a {
  color: #888878;
  border-color: #d0d0c9;
}

/* line 164, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox a:hover {
  color: #5f5f54;
}

/* line 167, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox code {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 171, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.blue {
  background-color: #f2f8ff;
  border-color: #cfd8e4;
  color: #6890c5;
}

/* line 175, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.blue a {
  color: #6890c5;
  border-color: #d7e1ef;
}

/* line 178, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.blue a:hover {
  color: #3e69a2;
}

/* line 181, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.purple {
  background-color: #fbf5ff;
  border-color: #dcd3e2;
  color: #924db9;
}

/* line 185, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.purple a {
  color: #924db9;
  border-color: #d5bbe4;
}

/* line 188, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.purple a:hover {
  color: #683485;
}

/* line 191, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.red {
  background-color: #fff5f5;
  border-color: #ebd4d4;
  color: #dc6b6b;
}

/* line 195, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.red a {
  color: #dc6b6b;
  border-color: #f9e7e7;
}

/* line 198, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.red a:hover {
  color: #cb3030;
}

/* line 201, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.green {
  background-color: #f5fff2;
  border-color: #cbdac7;
  color: #5ac249;
}

/* line 205, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.green a {
  color: #5ac249;
  border-color: #c2e8bc;
}

/* line 208, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown p.colorBox.green a:hover {
  color: #3d8f30;
}

/* line 213, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown .embeddedVideo {
  position: relative;
  margin: 60px 0;
  padding: 0 0 56.25%;
}

/* line 217, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown .embeddedVideo iframe {
  height: 100% !important;
  position: absolute;
  width: 100% !important;
}

/* line 227, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown .imageCaption {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  color: #999;
  margin-bottom: 60px;
}

/* line 236, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img.right {
  float: right;
  max-width: 500px;
  margin: 0 -100px 40px 40px;
}

/* line 242, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img.left {
  float: left;
  max-width: 500px;
  margin: 0 40px 40px -100px;
}

/* line 248, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img.radius {
  border-radius: 6px;
}

/* line 252, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img.bordered {
  border: 3px solid #fff;
}

/* line 256, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img.shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

/* line 260, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img.screenshot {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
  max-width: 85%;
  margin: 60px auto 60px auto;
}

/* line 266, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img.center, .markdown img.centre {
  max-width: 90%;
  margin: 40px auto 60px auto;
}

/* line 271, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown img.big {
  margin-left: -70px !important;
  margin-right: -70px !important;
  max-width: calc(100% + 70px + 70px) !important;
}

/* line 279, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown blockquote {
  border-left: 6px solid #efefef;
  padding-left: 30px;
}

/* line 282, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown blockquote p {
  font-size: 24px;
  line-height: 1.7;
  font-style: italic;
  color: #888;
}

/* line 291, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown code {
  font-family: "Operator Mono A", "Operator Mono B", monospace, monospace;
  background: #efefef;
  border-radius: 3px;
  padding: 0.15em 0.35em;
}

/* line 298, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown mark {
  background: #fffcdf;
  padding: 0.15em 0.35em;
}

/* line 303, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown table {
  width: 100%;
  margin-bottom: 40px;
}

/* line 306, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown table td, .markdown table th {
  padding: 8px 0;
}

/* line 311, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown table thead tr td, .markdown table thead tr th {
  border-bottom: 2px solid #000;
  font-weight: 600;
}

/* line 319, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown table tbody tr td {
  border-bottom: 1px solid #efefef;
}

/* line 324, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown table tbody tr:last-child td {
  border-bottom-color: #000;
}

/* line 333, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown pre.mermaid {
  background: transparent;
  border: none;
  text-align: center;
  padding: 20px;
  margin: 40px 0;
}

/* line 341, app/assets/stylesheets/blog/../shared/_markdown.scss */
.markdown pre.mermaid svg {
  max-width: 100%;
  height: auto;
}

@media (max-width: 920px) {
  /* line 351, app/assets/stylesheets/blog/../shared/_markdown.scss */
  .markdown img.big {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}

/* line 1, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .hll {
  background-color: #d6d6d6;
}

/* line 2, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight {
  background: #ffffff;
  color: #4d4d4c;
}

/* line 3, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .c {
  color: #8e908c;
}

/* Comment */
/* line 4, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .err {
  color: #c82829;
}

/* Error */
/* line 5, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .k {
  color: #8959a8;
}

/* Keyword */
/* line 6, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .l {
  color: #f5871f;
}

/* Literal */
/* line 7, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .n {
  color: #4d4d4c;
}

/* Name */
/* line 8, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .o {
  color: #3e999f;
}

/* Operator */
/* line 9, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .p {
  color: #4d4d4c;
}

/* Punctuation */
/* line 10, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .cm {
  color: #8e908c;
}

/* Comment.Multiline */
/* line 11, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .cp {
  color: #8e908c;
}

/* Comment.Preproc */
/* line 12, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .c1 {
  color: #8e908c;
}

/* Comment.Single */
/* line 13, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .cs {
  color: #8e908c;
}

/* Comment.Special */
/* line 14, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .gd {
  color: #c82829;
}

/* Generic.Deleted */
/* line 15, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .ge {
  font-style: italic;
}

/* Generic.Emph */
/* line 16, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .gh {
  color: #4d4d4c;
  font-weight: bold;
}

/* Generic.Heading */
/* line 17, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .gi {
  color: #718c00;
}

/* Generic.Inserted */
/* line 18, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .gp {
  color: #8e908c;
  font-weight: bold;
}

/* Generic.Prompt */
/* line 19, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .gs {
  font-weight: bold;
}

/* Generic.Strong */
/* line 20, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .gu {
  color: #3e999f;
  font-weight: bold;
}

/* Generic.Subheading */
/* line 21, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .kc {
  color: #8959a8;
}

/* Keyword.Constant */
/* line 22, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .kd {
  color: #8959a8;
}

/* Keyword.Declaration */
/* line 23, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .kn {
  color: #3e999f;
}

/* Keyword.Namespace */
/* line 24, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .kp {
  color: #8959a8;
}

/* Keyword.Pseudo */
/* line 25, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .kr {
  color: #8959a8;
}

/* Keyword.Reserved */
/* line 26, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .kt {
  color: #eab700;
}

/* Keyword.Type */
/* line 27, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .ld {
  color: #718c00;
}

/* Literal.Date */
/* line 28, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .m {
  color: #f5871f;
}

/* Literal.Number */
/* line 29, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .s {
  color: #718c00;
}

/* Literal.String */
/* line 30, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .na {
  color: #4271ae;
}

/* Name.Attribute */
/* line 31, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nb {
  color: #4d4d4c;
}

/* Name.Builtin */
/* line 32, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nc {
  color: #eab700;
}

/* Name.Class */
/* line 33, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .no {
  color: #c82829;
}

/* Name.Constant */
/* line 34, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nd {
  color: #3e999f;
}

/* Name.Decorator */
/* line 35, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .ni {
  color: #4d4d4c;
}

/* Name.Entity */
/* line 36, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .ne {
  color: #c82829;
}

/* Name.Exception */
/* line 37, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nf {
  color: #4271ae;
}

/* Name.Function */
/* line 38, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nl {
  color: #4d4d4c;
}

/* Name.Label */
/* line 39, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nn {
  color: #eab700;
}

/* Name.Namespace */
/* line 40, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nx {
  color: #4271ae;
}

/* Name.Other */
/* line 41, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .py {
  color: #4d4d4c;
}

/* Name.Property */
/* line 42, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nt {
  color: #3e999f;
}

/* Name.Tag */
/* line 43, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .nv {
  color: #c82829;
}

/* Name.Variable */
/* line 44, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .ow {
  color: #3e999f;
}

/* Operator.Word */
/* line 45, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .w {
  color: #4d4d4c;
}

/* Text.Whitespace */
/* line 46, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .mf {
  color: #f5871f;
}

/* Literal.Number.Float */
/* line 47, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .mh {
  color: #f5871f;
}

/* Literal.Number.Hex */
/* line 48, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .mi {
  color: #f5871f;
}

/* Literal.Number.Integer */
/* line 49, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .mo {
  color: #f5871f;
}

/* Literal.Number.Oct */
/* line 50, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .sb {
  color: #718c00;
}

/* Literal.String.Backtick */
/* line 51, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .sc {
  color: #4d4d4c;
}

/* Literal.String.Char */
/* line 52, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .sd {
  color: #8e908c;
}

/* Literal.String.Doc */
/* line 53, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .s2 {
  color: #718c00;
}

/* Literal.String.Double */
/* line 54, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .se {
  color: #f5871f;
}

/* Literal.String.Escape */
/* line 55, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .sh {
  color: #718c00;
}

/* Literal.String.Heredoc */
/* line 56, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .si {
  color: #f5871f;
}

/* Literal.String.Interpol */
/* line 57, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .sx {
  color: #718c00;
}

/* Literal.String.Other */
/* line 58, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .sr {
  color: #718c00;
}

/* Literal.String.Regex */
/* line 59, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .s1 {
  color: #718c00;
}

/* Literal.String.Single */
/* line 60, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .ss {
  color: #718c00;
}

/* Literal.String.Symbol */
/* line 61, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .bp {
  color: #4d4d4c;
}

/* Name.Builtin.Pseudo */
/* line 62, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .vc {
  color: #c82829;
}

/* Name.Variable.Class */
/* line 63, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .vg {
  color: #c82829;
}

/* Name.Variable.Global */
/* line 64, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .vi {
  color: #c82829;
}

/* Name.Variable.Instance */
/* line 65, app/assets/stylesheets/blog/../shared/_syntax_highlighting.scss */
.highlight .il {
  color: #f5871f;
}

/* Literal.Number.Integer.Long */
/* line 1, app/assets/stylesheets/blog/global/_reset.scss */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-size: 100%;
  letter-spacing: 0;
  vertical-align: baseline;
  background: transparent;
}

/* line 13, app/assets/stylesheets/blog/global/_reset.scss */
body {
  min-width: 320px;
}

/* line 17, app/assets/stylesheets/blog/global/_reset.scss */
span {
  font-weight: inherit;
}

/* line 21, app/assets/stylesheets/blog/global/_reset.scss */
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* line 23, app/assets/stylesheets/blog/global/_reset.scss */
img, object, embed {
  max-width: 100%;
}

/* line 24, app/assets/stylesheets/blog/global/_reset.scss */
ul {
  list-style: none;
}

/* line 25, app/assets/stylesheets/blog/global/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 26, app/assets/stylesheets/blog/global/_reset.scss */
b, strong {
  font-weight: bold;
}

/* line 27, app/assets/stylesheets/blog/global/_reset.scss */
strong.semi {
  font-weight: 600;
}

/* line 28, app/assets/stylesheets/blog/global/_reset.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 30, app/assets/stylesheets/blog/global/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: none;
  line-height: 1;
  margin: 0;
}

/* line 32, app/assets/stylesheets/blog/global/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 34, app/assets/stylesheets/blog/global/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
/* line 37, app/assets/stylesheets/blog/global/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 38, app/assets/stylesheets/blog/global/_reset.scss */
th {
  font-weight: bold;
  vertical-align: bottom;
}

/* line 39, app/assets/stylesheets/blog/global/_reset.scss */
td {
  font-weight: normal;
  vertical-align: top;
}

/* line 41, app/assets/stylesheets/blog/global/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #ddd;
  margin: 0;
  padding: 0;
}

/* line 43, app/assets/stylesheets/blog/global/_reset.scss */
input, select {
  vertical-align: middle;
}

/* line 45, app/assets/stylesheets/blog/global/_reset.scss */
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

/* line 52, app/assets/stylesheets/blog/global/_reset.scss */
input[type="radio"] {
  vertical-align: text-bottom;
}

/* line 53, app/assets/stylesheets/blog/global/_reset.scss */
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

/* line 54, app/assets/stylesheets/blog/global/_reset.scss */
.ie6 input {
  vertical-align: text-bottom;
}

/* line 56, app/assets/stylesheets/blog/global/_reset.scss */
select, input, textarea {
  font: 99% sans-serif;
}

/* line 58, app/assets/stylesheets/blog/global/_reset.scss */
table {
  font: inherit;
}

/* Accessible focus treatment
  people.opera.com/patrickl/experiments/keyboard/test */
/* line 62, app/assets/stylesheets/blog/global/_reset.scss */
a:hover, a:active {
  outline: none;
}

/* line 64, app/assets/stylesheets/blog/global/_reset.scss */
small {
  font-size: 85%;
}

/* line 66, app/assets/stylesheets/blog/global/_reset.scss */
strong, th {
  font-weight: bold;
}

/* line 68, app/assets/stylesheets/blog/global/_reset.scss */
td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
  gist.github.com/413930 */
/* line 72, app/assets/stylesheets/blog/global/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

/* line 73, app/assets/stylesheets/blog/global/_reset.scss */
sup {
  top: -0.5em;
}

/* line 74, app/assets/stylesheets/blog/global/_reset.scss */
sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
/* line 77, app/assets/stylesheets/blog/global/_reset.scss */
pre, code, kbd, samp {
  font-family: "Operator Mono A", "Operator Mono B", monospace, monospace;
}

/* hand cursor on clickable elements */
/* line 80, app/assets/stylesheets/blog/global/_reset.scss */
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

/* line 87, app/assets/stylesheets/blog/global/_reset.scss */
button, input, select, textarea {
  margin: 0;
}

/* line 91, app/assets/stylesheets/blog/global/_reset.scss */
button {
  width: auto;
  overflow: visible;
  appearance: none;
}

/* line 97, app/assets/stylesheets/blog/global/_reset.scss */
select, input, textarea, a, button {
  outline: none;
}

/* line 101, app/assets/stylesheets/blog/global/_reset.scss */
*, *:before, *:after {
  box-sizing: border-box;
}

/* line 105, app/assets/stylesheets/blog/global/_reset.scss */
address {
  font-style: normal;
}

/* line 109, app/assets/stylesheets/blog/global/_reset.scss */
th {
  font-weight: initial;
  text-align: left;
}

/* line 114, app/assets/stylesheets/blog/global/_reset.scss */
img {
  border: 0;
}

/* line 1, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader {
  margin: 70px auto 50px auto;
  display: flex;
}

/* line 6, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader--withBorder {
  padding-bottom: 50px;
  border-bottom: 4px solid #efefef;
  margin-bottom: 0px;
}

/* line 12, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader--withBorder + .archiveHeader {
  margin-top: 40px;
}

/* line 14, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader--withBorder + .archiveHeader .archiveHeader__title {
  font-size: 26px;
  font-weight: 600;
}

/* line 20, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__details {
  flex: 1 1 auto;
}

/* line 24, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__title {
  font-size: 30px;
  font-weight: 700;
}

/* line 29, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__text {
  font-size: 16px;
  color: #999;
  line-height: 1.5;
  margin-top: 15px;
}

/* line 36, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__socialLinks {
  margin-top: 25px;
}

/* line 40, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__links {
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* line 44, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__links li a {
  background: #efefef;
  padding: 6px 10px;
  font-size: 12px;
  color: #999;
}

/* line 49, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__links li a:hover {
  background: #ddd;
}

/* line 53, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__links li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 54, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__links li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 55, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__links li + li a {
  border-left: 1px solid #ddd;
}

/* line 58, app/assets/stylesheets/blog/components/_archive_header.scss */
.archiveHeader__photo {
  flex: 0 0 auto;
  width: 316px;
  background-color: #efefef;
  height: auto;
  min-height: 120px;
  margin-left: 40px;
  border-radius: 6px;
  background-position: center center;
  background-size: cover;
}

@media (max-width: 775px) {
  /* line 75, app/assets/stylesheets/blog/components/_archive_header.scss */
  .archiveHeader {
    flex-direction: column;
  }
  /* line 79, app/assets/stylesheets/blog/components/_archive_header.scss */
  .archiveHeader__photo {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_archive_links.scss */
.archiveLinks {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}

/* line 7, app/assets/stylesheets/blog/components/_archive_links.scss */
.archiveLinks__item {
  width: 50%;
  margin-bottom: 13px;
}

/* line 12, app/assets/stylesheets/blog/components/_archive_links.scss */
.archiveLinks__link {
  background: url(/assets/icons/archive-2d0b36e21e24ed869dee9eabca4ffb48d25b4a58a24a7054cfa1bc8634f44c0a.svg) no-repeat 0 center;
  line-height: 1.2;
  padding-left: 20px;
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 1px;
  display: block;
}

/* line 22, app/assets/stylesheets/blog/components/_archive_links.scss */
.archiveLinks__link:hover {
  text-decoration: underline;
}

/* line 27, app/assets/stylesheets/blog/components/_archive_links.scss */
.archiveLinks__link--category {
  background-image: url(/assets/icons/category-37bb3e4652e927cdf83f3d5e9161036a7b7d2889ad24a4c8c1ed12f581f905e3.svg);
  background-size: 15px;
}

/* line 5, app/assets/stylesheets/blog/components/_author_foot.scss */
.authorFoot__bio {
  display: flex;
  justify-content: space-between;
}

/* line 10, app/assets/stylesheets/blog/components/_author_foot.scss */
.author__bioText {
  line-height: 1.5;
}

/* line 15, app/assets/stylesheets/blog/components/_author_foot.scss */
.author__bioPhoto {
  flex: 0 0 auto;
  width: 170px;
  height: auto;
  min-height: 70px;
  border-radius: 6px;
  margin-left: 30px;
  margin-bottom: 0;
  background-size: cover;
  background-position: center center;
  background-color: #efefef;
}

/* line 28, app/assets/stylesheets/blog/components/_author_foot.scss */
.authorFoot__social {
  margin-top: 25px;
  padding-bottom: 30px;
}

/* line 33, app/assets/stylesheets/blog/components/_author_foot.scss */
.author__more {
  color: #a7a7a7;
  text-decoration: underline;
  font-size: 13px;
  line-height: 2;
}

@media (max-width: 700px) {
  /* line 41, app/assets/stylesheets/blog/components/_author_foot.scss */
  .authorFoot {
    text-align: center;
  }
  /* line 45, app/assets/stylesheets/blog/components/_author_foot.scss */
  .authorFoot__bio {
    flex-direction: column;
  }
  /* line 49, app/assets/stylesheets/blog/components/_author_foot.scss */
  .author__bioText {
    order: 2;
  }
  /* line 53, app/assets/stylesheets/blog/components/_author_foot.scss */
  .author__bioPhoto {
    order: 1;
    flex: 0 0 auto;
    width: 150px;
    height: 100px;
    border-radius: 6px;
    margin: 0 auto 20px auto;
    background-size: cover;
    background-position: center center;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_blog_header.scss */
.blogHeader {
  background: #222;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 6px;
  padding: 40px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 12, app/assets/stylesheets/blog/components/_blog_header.scss */
.blogHeader__name {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  width: 200px;
}

/* line 19, app/assets/stylesheets/blog/components/_blog_header.scss */
.blogHeader__logo {
  flex: 0 0 auto;
  line-height: 0;
}

/* line 22, app/assets/stylesheets/blog/components/_blog_header.scss */
.blogHeader__logo img {
  width: 150px;
}

/* line 27, app/assets/stylesheets/blog/components/_blog_header.scss */
.blog_header__description {
  color: #fff;
  margin-left: 60px;
  opacity: 0.5;
  font-size: 13px;
  line-height: 1.5;
  text-align: right;
}

@media (max-width: 700px) {
  /* line 37, app/assets/stylesheets/blog/components/_blog_header.scss */
  .blogHeader {
    flex-direction: column;
  }
  /* line 41, app/assets/stylesheets/blog/components/_blog_header.scss */
  .blogHeader__logo {
    margin-bottom: 20px;
  }
  /* line 45, app/assets/stylesheets/blog/components/_blog_header.scss */
  .blog_header__description {
    margin: 0;
    text-align: center;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_blog_list.scss */
.blogList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 70px;
}

/* line 7, app/assets/stylesheets/blog/components/_blog_list.scss */
.blogList__item {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

/* line 14, app/assets/stylesheets/blog/components/_blog_list.scss */
.blogList__item:nth-child(2n) {
  margin-left: 20px;
}

/* line 19, app/assets/stylesheets/blog/components/_blog_list.scss */
.blogList__link {
  display: block;
  padding: 40px;
  height: 200px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

/* line 28, app/assets/stylesheets/blog/components/_blog_list.scss */
.blogList__name {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

/* line 35, app/assets/stylesheets/blog/components/_blog_list.scss */
.blogList__text {
  color: #fff;
  margin-top: 6px;
  opacity: 0.7;
  font-size: 12px;
  line-height: 1.5;
}

/* line 1, app/assets/stylesheets/blog/components/_category_list.scss */
.categoryList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 70px;
}

/* line 7, app/assets/stylesheets/blog/components/_category_list.scss */
.categoryList__item {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

/* line 14, app/assets/stylesheets/blog/components/_category_list.scss */
.categoryList__item:nth-child(2n) {
  margin-left: 20px;
}

/* line 19, app/assets/stylesheets/blog/components/_category_list.scss */
.categoryList__link {
  display: block;
  background: rgba(0, 0, 0, 0.55);
  padding: 40px;
  height: 200px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

/* line 29, app/assets/stylesheets/blog/components/_category_list.scss */
.categoryList__name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  color: #fff;
}

/* line 37, app/assets/stylesheets/blog/components/_category_list.scss */
.categoryList__count {
  font-weight: 400;
  background: rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  padding: 4px 8px;
  border-radius: 4px;
  vertical-align: 3px;
  margin-left: 3px;
}

/* line 48, app/assets/stylesheets/blog/components/_category_list.scss */
.categoryList__text {
  color: #fff;
  margin-top: 6px;
  opacity: 0.7;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 1050px) {
  /* line 57, app/assets/stylesheets/blog/components/_category_list.scss */
  .categoryList {
    flex-direction: column;
  }
  /* line 61, app/assets/stylesheets/blog/components/_category_list.scss */
  .categoryList__item {
    width: 100%;
  }
  /* line 63, app/assets/stylesheets/blog/components/_category_list.scss */
  .categoryList__item:nth-child(2n) {
    margin-left: 0px;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_content.scss */
.content {
  background: #fff;
  padding-bottom: 50px;
  flex: 1;
}

/* line 1, app/assets/stylesheets/blog/components/_dialog.scss */
.dialog {
  background: #fff;
  display: flex;
  flex-direction: column;
  left: 50%;
  max-height: calc(100vh - 96px);
  max-width: 768px;
  position: fixed;
  top: 48px;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1001;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  padding: 40px;
  overflow-y: auto;
}

@media (min-height: 960px) {
  /* line 1, app/assets/stylesheets/blog/components/_dialog.scss */
  .dialog {
    max-height: calc(100vh - 192px);
    top: 96px;
  }
}

/* line 22, app/assets/stylesheets/blog/components/_dialog.scss */
​
.dialog ~ .dialog {
  display: none;
}

/* line 28, app/assets/stylesheets/blog/components/_dialog.scss */
.dialogContainer {
  margin-top: 40px;
  border: 3px solid #efefef;
  border-radius: 6px;
  overflow: hidden;
  padding: 40px;
  max-width: 768px;
  margin: 70px auto;
}

/* line 38, app/assets/stylesheets/blog/components/_dialog.scss */
.dialog .dialogContainer {
  margin-top: 0;
  border: 0;
  overflow: visible !important;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  max-width: inherit;
  margin: 0;
}

/* line 49, app/assets/stylesheets/blog/components/_dialog.scss */
.dialog__header {
  background: #f7f7f7;
  margin: -40px -40px 40px -40px;
  padding: 40px 40px 40px 40px;
}

/* line 55, app/assets/stylesheets/blog/components/_dialog.scss */
.dialog__footer {
  background: #f2f8ff;
  margin: 40px -40px -40px -40px;
  padding: 30px 40px 30px 40px;
}

@media (max-width: 800px) {
  /* line 62, app/assets/stylesheets/blog/components/_dialog.scss */
  .dialog {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    transform: translateX(0);
  }
}

/* line 1, app/assets/stylesheets/blog/components/_error.scss */
.error {
  width: 450px;
  margin: auto;
  padding-top: 290px;
  text-align: center;
  background: url(/assets/squirrel-f58095a9ff790c579ffed2b06045155bed8f0b0d6ce28ea172d48a9c96f31945.jpg) no-repeat center 40px;
  background-size: 380px;
}

/* line 10, app/assets/stylesheets/blog/components/_error.scss */
.error--ise {
  background: url(/assets/kitten-9a1b4df23999c4fc905542a30458a88bf6f08c829e9ba6c66b3ebf92d1d0becb.jpg) no-repeat center 20px;
  background-size: 320px;
}

/* line 15, app/assets/stylesheets/blog/components/_error.scss */
.error__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* line 21, app/assets/stylesheets/blog/components/_error.scss */
.error__text {
  line-height: 1.5;
  color: #888;
}

/* line 24, app/assets/stylesheets/blog/components/_error.scss */
.error__text a {
  text-decoration: underline;
}

/* line 29, app/assets/stylesheets/blog/components/_error.scss */
.error__text + .error__text {
  margin-top: 25px;
}

/* line 1, app/assets/stylesheets/blog/components/_error_explanation.scss */
.errorExplanation {
  background: #f43256;
  color: #fff;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 25px;
  line-height: 1.5;
}

/* line 4, app/assets/stylesheets/blog/components/_error_explanation.scss */
.errorExplanation h2 {
  display: none;
}

/* line 5, app/assets/stylesheets/blog/components/_error_explanation.scss */
.errorExplanation p {
  display: none;
}

/* line 10, app/assets/stylesheets/blog/components/_error_explanation.scss */
.errorExplanation ul li {
  margin-left: 25px;
  list-style: square;
}

/* line 1, app/assets/stylesheets/blog/components/_flash_messages.scss */
.flashMessage {
  background: #61d156;
  color: #fff;
  padding: 20px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/blog/components/_foot_split.scss */
.footSplit {
  display: flex;
}

/* line 5, app/assets/stylesheets/blog/components/_foot_split.scss */
.footSplit__left {
  flex: 1 0;
  margin-right: 50px;
}

/* line 10, app/assets/stylesheets/blog/components/_foot_split.scss */
.footSplit__right {
  flex: 0 0 318px;
}

/* line 14, app/assets/stylesheets/blog/components/_foot_split.scss */
.footSplit--withMargin {
  margin-bottom: 60px;
}

@media (max-width: 1050px) {
  /* line 19, app/assets/stylesheets/blog/components/_foot_split.scss */
  .footSplit--earlyBreak {
    flex-direction: column;
  }
  /* line 22, app/assets/stylesheets/blog/components/_foot_split.scss */
  .footSplit--earlyBreak .footSplit__right {
    margin-bottom: 20px;
    flex: 0 0 auto;
  }
  /* line 27, app/assets/stylesheets/blog/components/_foot_split.scss */
  .footSplit--earlyBreak .footSplit__left {
    margin: 0;
  }
  /* line 31, app/assets/stylesheets/blog/components/_foot_split.scss */
  .footSplit--earlyBreak .footSplit--withMargin {
    margin-bottom: 0;
  }
}

@media (max-width: 850px) {
  /* line 40, app/assets/stylesheets/blog/components/_foot_split.scss */
  .footSplit {
    flex-direction: column;
  }
  /* line 44, app/assets/stylesheets/blog/components/_foot_split.scss */
  .footSplit__right {
    margin-bottom: 20px;
    flex: 0 0 auto;
  }
  /* line 49, app/assets/stylesheets/blog/components/_foot_split.scss */
  .footSplit__left {
    margin: 0;
  }
  /* line 53, app/assets/stylesheets/blog/components/_foot_split.scss */
  .footSplit--withMargin {
    margin-bottom: 0;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNavCheckbox {
  display: none;
}

/* line 5, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav {
  background: #eee;
  max-height: 0;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(2, 3, 0, 3);
}

/* line 14, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNavCheckbox:checked + .globalNav {
  max-height: 560px;
}

/* line 18, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__inner {
  padding: 40px 0;
  display: flex;
  justify-content: flex-end;
}

/* line 24, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__col {
  flex: 1 0 auto;
  max-width: 220px;
}

/* line 29, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__col--left {
  margin-right: auto;
  flex: 0 1 auto;
  max-width: 100%;
}

/* line 35, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__col + .globalNav__col {
  margin-left: 100px;
}

/* line 39, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__title {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 15px;
  color: #444;
  padding-top: 35px;
  background: url(/assets/icons/archive-2d0b36e21e24ed869dee9eabca4ffb48d25b4a58a24a7054cfa1bc8634f44c0a.svg) no-repeat 0 0;
  background-size: auto 20px;
}

/* line 49, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__title--blog {
  background-image: url(/assets/icons/blog-c0e7d2556a251ca7cb27edbc7c09045e844cf564459d99ecf76df2673b6cadb3.svg);
  background-size: auto 18px;
}

/* line 54, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__title--categories {
  background-image: url(/assets/icons/category-37bb3e4652e927cdf83f3d5e9161036a7b7d2889ad24a4c8c1ed12f581f905e3.svg);
  background-size: auto 18px;
}

/* line 59, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__title--newsletter {
  background-image: url(/assets/icons/newsletter-31fd93dda4debf1da59fcfd6001cd61ece23449fe4bd0b6f97d984894284535c.svg);
  background-size: auto 22px;
}

/* line 64, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__links {
  line-height: 2.0;
}

/* line 67, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__links a {
  color: #777;
  border-bottom: 1px solid #ddd;
}

/* line 71, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__links a:hover {
  color: #333;
  border-bottom-color: #333;
}

/* line 78, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__text {
  font-size: 13px;
  color: #777;
  line-height: 1.5;
}

/* line 84, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__input {
  font: inherit;
  margin-top: 25px;
  border-radius: 4px;
  font-size: 12px;
  color: #666;
  font-weight: 600;
  display: block;
  padding: 7px 12px 7px 34px;
  background: url(/assets/icons/email-4383e31ecf5e804f7b04a9eb08cf7275c94d1410a8b1ef54c515e1be5243d77b.svg) #ddd no-repeat 12px 7px;
  width: 100%;
  border: 2px solid transparent;
}

/* line 97, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__input:focus {
  border-color: #666;
  background-color: #fff;
}

/* line 102, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__input::-webkit-input-placeholder {
  font-weight: 400;
}

/* line 107, app/assets/stylesheets/blog/components/_global_nav.scss */
.globalNav__button {
  margin-top: 15px;
  width: 100%;
}

@media (max-width: 1050px) {
  /* line 113, app/assets/stylesheets/blog/components/_global_nav.scss */
  .globalNav__inner {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 118, app/assets/stylesheets/blog/components/_global_nav.scss */
  .globalNav__col + .globalNav__col {
    margin-left: 0;
  }
  /* line 122, app/assets/stylesheets/blog/components/_global_nav.scss */
  .globalNav__col {
    text-align: center;
  }
  /* line 126, app/assets/stylesheets/blog/components/_global_nav.scss */
  .globalNav__title {
    background-position: center top;
  }
  /* line 130, app/assets/stylesheets/blog/components/_global_nav.scss */
  .globalNav__col--left {
    order: 4;
    margin-top: 50px;
    width: 100%;
  }
  /* line 136, app/assets/stylesheets/blog/components/_global_nav.scss */
  .globalNavCheckbox:checked + .globalNav {
    max-height: 850px;
  }
}

@media (max-width: 710px) {
  /* line 142, app/assets/stylesheets/blog/components/_global_nav.scss */
  .globalNav__col {
    width: 100%;
    margin-bottom: 30px;
  }
  /* line 147, app/assets/stylesheets/blog/components/_global_nav.scss */
  .globalNavCheckbox:checked + .globalNav {
    max-height: 1300px;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 7, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes--withMargin {
  margin-bottom: 50px;
}

/* line 11, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__box {
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
  background: #efefef;
  background-size: cover;
  height: 300px;
}

/* line 20, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__link {
  display: block;
  height: 300px;
  background: rgba(0, 0, 0, 0.55);
  padding: 40px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

/* line 30, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__link--solid {
  background: none;
}

/* line 34, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__box--short {
  height: 230px;
}

/* line 38, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__box--short .homeFeatureBoxes__link {
  height: 230px;
}

/* line 42, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__box--large {
  flex: 0 0 calc(60% - 20px);
}

/* line 44, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__box--large .homeFeatureBoxes__link {
  padding-right: 100px;
}

/* line 49, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__box--small {
  flex: 0 0 40%;
}

/* line 51, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__box--small .homeFeatureBoxes__link {
  padding-right: 50px;
}

/* line 56, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  color: #fff;
}

/* line 64, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
.homeFeatureBoxes__meta {
  font-size: 12px;
  color: #fff;
  margin-top: 6px;
  line-height: 1.4;
  opacity: 0.5;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

@media (max-width: 1050px) {
  /* line 74, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
  .homeFeatureBoxes__box {
    flex: 0 0 calc(50% - 12px);
  }
  /* line 76, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
  .homeFeatureBoxes__box .homeFeatureBoxes__link {
    padding: 30px;
  }
}

@media (max-width: 850px) {
  /* line 83, app/assets/stylesheets/blog/components/_home_feature_boxes.scss */
  .homeFeatureBoxes__box {
    flex: 0 0 100%;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_home_intro.scss */
.homeIntro {
  text-align: center;
  line-height: 1.4;
  padding: 60px 0;
}

/* line 7, app/assets/stylesheets/blog/components/_home_intro.scss */
.homeIntro__welcome {
  font-size: 28px;
  margin-bottom: 10px;
}

/* line 10, app/assets/stylesheets/blog/components/_home_intro.scss */
.homeIntro__welcome b {
  font-weight: 600;
}

/* line 13, app/assets/stylesheets/blog/components/_home_intro.scss */
.homeIntro__subWelcome {
  color: #999;
}

@media (max-width: 700px) {
  /* line 18, app/assets/stylesheets/blog/components/_home_intro.scss */
  .homeIntro__welcome {
    font-size: 24px;
  }
}

@media (max-width: 500px) {
  /* line 24, app/assets/stylesheets/blog/components/_home_intro.scss */
  .homeIntro__welcome {
    font-size: 22px;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_home_title.scss */
.homeTitle {
  border-top: 4px solid #efefef;
  padding-top: 15px;
  color: #999;
  font-size: 16px;
  margin-bottom: 30px;
}

@media (max-width: 1050px) {
  /* line 10, app/assets/stylesheets/blog/components/_home_title.scss */
  .homeTitle {
    padding-top: 25px;
  }
}

@media (max-width: 700px) {
  /* line 16, app/assets/stylesheets/blog/components/_home_title.scss */
  .homeTitle {
    text-align: center;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_inner.scss */
.inner {
  max-width: 1050px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
}

/* line 1, app/assets/stylesheets/blog/components/_next_prev.scss */
.nextPrev {
  max-width: 800px;
  margin-top: 40px;
  padding: 0 0 30px 0;
  display: flex;
}

/* line 8, app/assets/stylesheets/blog/components/_next_prev.scss */
.nextPrev__next,
.nextPrev__prev {
  background: url(/assets/icons/previous-49036f62e64b2101ddde772e4841b24314faea74a9b4c64d76d02c9a642fa38f.svg) no-repeat 0 center;
}

/* line 11, app/assets/stylesheets/blog/components/_next_prev.scss */
.nextPrev__next a,
.nextPrev__prev a {
  color: #999;
  border-bottom: 1px solid #efefef;
}

/* line 14, app/assets/stylesheets/blog/components/_next_prev.scss */
.nextPrev__next a:hover,
.nextPrev__prev a:hover {
  color: #888;
  border-bottom-color: #ddd;
}

/* line 21, app/assets/stylesheets/blog/components/_next_prev.scss */
.nextPrev__prev {
  padding-left: 18px;
}

/* line 25, app/assets/stylesheets/blog/components/_next_prev.scss */
.nextPrev__next {
  margin-left: auto;
  padding-right: 18px;
  background-position: right center;
  background-image: url(/assets/icons/next-f9e8514f5992f3906635fb0521fd7fa66dc4a7b64c9d80e08a12f4490f14b99f.svg);
}

/* line 1, app/assets/stylesheets/blog/components/_overlay.scss */
.overlay {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

/* line 12, app/assets/stylesheets/blog/components/_overlay.scss */
.dialog ~ .overlay {
  display: block;
}

/* line 1, app/assets/stylesheets/blog/components/_pagination.scss */
nav.pagination {
  font-size: 14px;
  margin-top: 25px;
  text-align: center;
  display: flex;
  line-height: 1;
  justify-content: center;
}

/* line 9, app/assets/stylesheets/blog/components/_pagination.scss */
nav.pagination span.page.current, nav.pagination span.page.gap, nav.pagination a {
  color: #999;
  display: inline-block;
  border: 1px solid #ddd;
  border-left: 0;
  padding: 8px 17px;
  text-decoration: none;
  background: #fff;
}

/* line 19, app/assets/stylesheets/blog/components/_pagination.scss */
nav.pagination span.page.current {
  border-bottom-color: #333;
  color: #333;
  font-weight: 500;
}

/* line 24, app/assets/stylesheets/blog/components/_pagination.scss */
nav.pagination span.last a, nav.pagination span.next a, nav.pagination span.prev a, nav.pagination span.first a {
  background: #f7f7f7;
}

/* line 29, app/assets/stylesheets/blog/components/_pagination.scss */
nav.pagination a:hover {
  background-color: #f1f1f1 !important;
}

/* line 35, app/assets/stylesheets/blog/components/_pagination.scss */
nav.pagination > span.page.current:first-child,
nav.pagination > span:first-child a {
  border-left: 1px solid #ddd;
  border-radius: 6px 0 0 6px;
}

/* line 41, app/assets/stylesheets/blog/components/_pagination.scss */
nav.pagination > span.page.current:last-child,
nav.pagination > span:last-child a {
  border-radius: 0 6px 6px 0;
}

/* line 1, app/assets/stylesheets/blog/components/_post_admin_links.scss */
.adminLinks {
  position: fixed;
  left: 30px;
  top: 30px;
}

/* line 6, app/assets/stylesheets/blog/components/_post_admin_links.scss */
.adminLinks li a {
  background: url(/assets/icons/edit-3f137c22edbc4d5a6b60ca756bafdeecfa5af74e61d5dd7be178d0e551028a9f.svg) #ddd no-repeat center center;
  background-size: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-indent: -40000px;
  border: 2px solid transparent;
  display: block;
}

/* line 15, app/assets/stylesheets/blog/components/_post_admin_links.scss */
.adminLinks li a:hover {
  background-color: #ccc;
  border-color: #aaa;
}

/* line 20, app/assets/stylesheets/blog/components/_post_admin_links.scss */
.adminLinks li a.adminLinks--style {
  background-image: url(/assets/icons/paint-ea58b838b0ac493b7444d3f4442d240c5b58e1f33a0a97f554dc28f20b6d1866.svg);
}

/* line 24, app/assets/stylesheets/blog/components/_post_admin_links.scss */
.adminLinks li a.adminLinks--admin {
  background-image: url(/assets/icons/admin-f998ca8d6ddd607dd6747747aa808a2195828255c6530196f497519b07d00680.svg);
}

/* line 28, app/assets/stylesheets/blog/components/_post_admin_links.scss */
.adminLinks li a.adminLinks--grid {
  background-image: url(/assets/icons/grid-6ffb810ca931bbd69591fe3d97f6ce59569e625b7300d1a7c9c3b2cb8b6fe843.svg);
}

/* line 32, app/assets/stylesheets/blog/components/_post_admin_links.scss */
.adminLinks li a.adminLinks--add {
  background-image: url(/assets/icons/add-201d8bce3d7a7bad516e36e1859e2c5ce774992cd0f49bb418fb7f04c0319fc2.svg);
  background-size: 28px;
}

/* line 39, app/assets/stylesheets/blog/components/_post_admin_links.scss */
.adminLinks li + li {
  margin-top: 10px;
}

/* line 5, app/assets/stylesheets/blog/components/_post_blog_details.scss */
.postBlogDetails__logo {
  margin-bottom: 15px;
}

/* line 7, app/assets/stylesheets/blog/components/_post_blog_details.scss */
.postBlogDetails__logo img {
  max-width: 160px;
}

/* line 13, app/assets/stylesheets/blog/components/_post_blog_details.scss */
.postBlogDetails__description {
  font-size: 12px;
  color: #999;
  line-height: 1.5;
  margin-bottom: 20px;
}

/* line 20, app/assets/stylesheets/blog/components/_post_blog_details.scss */
.postBlogDetails__buttons {
  display: flex;
  justify-content: flex-start;
}

/* line 23, app/assets/stylesheets/blog/components/_post_blog_details.scss */
.postBlogDetails__buttons .button {
  margin: 0 5px;
  flex: 1 1 auto;
  max-width: 300px;
}

/* line 24, app/assets/stylesheets/blog/components/_post_blog_details.scss */
.postBlogDetails__buttons .button:first-child {
  margin-left: 0;
}

/* line 25, app/assets/stylesheets/blog/components/_post_blog_details.scss */
.postBlogDetails__buttons .button:last-child {
  margin-right: 0;
}

@media (max-width: 700px) {
  /* line 29, app/assets/stylesheets/blog/components/_post_blog_details.scss */
  .postBlogDetails {
    text-align: center;
  }
  /* line 33, app/assets/stylesheets/blog/components/_post_blog_details.scss */
  .postBlogDetails__buttons {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  /* line 37, app/assets/stylesheets/blog/components/_post_blog_details.scss */
  .postBlogDetails__buttons .button {
    min-width: 300px;
    margin: 0;
    margin-bottom: 10px;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_post_content.scss */
.postContent {
  max-width: 800px;
  margin: auto;
  padding: 0 0 80px 0;
}

/* line 7, app/assets/stylesheets/blog/components/_post_content.scss */
.postContent .markdown {
  margin-bottom: 80px;
}

/* line 11, app/assets/stylesheets/blog/components/_post_content.scss */
.postMainImage + .postContent {
  padding-top: 60px;
}

@media (max-width: 1050px) {
  /* line 16, app/assets/stylesheets/blog/components/_post_content.scss */
  .postContent img.left,
.postContent img.right {
    float: none;
    margin: 0 auto;
    max-width: 100%;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_post_footer.scss */
.postFooter {
  margin-bottom: 50px;
}

/* line 1, app/assets/stylesheets/blog/components/_post_header.scss */
.postHeader {
  max-width: 800px;
  margin: 70px auto 40px auto;
}

/* line 6, app/assets/stylesheets/blog/components/_post_header.scss */
.postHeader__title {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-right: 100px;
}

/* line 13, app/assets/stylesheets/blog/components/_post_header.scss */
.postHeader__meta {
  font-size: 14px;
  color: #aaa;
}

/* line 16, app/assets/stylesheets/blog/components/_post_header.scss */
.postHeader__meta span {
  display: inline-block;
  line-height: 1.8;
}

/* line 20, app/assets/stylesheets/blog/components/_post_header.scss */
.postHeader__meta span:not(:last-child) {
  margin-right: 12px;
}

/* line 22, app/assets/stylesheets/blog/components/_post_header.scss */
.postHeader__meta span:not(:last-child):after {
  content: "|";
  color: #efefef;
  padding-left: 12px;
}

/* line 29, app/assets/stylesheets/blog/components/_post_header.scss */
.postHeader__meta a {
  border-bottom: 1px solid #efefef;
}

@media (max-width: 1050px) {
  /* line 35, app/assets/stylesheets/blog/components/_post_header.scss */
  .postHeader {
    margin-top: 50px;
  }
  /* line 39, app/assets/stylesheets/blog/components/_post_header.scss */
  .postHeader__title {
    margin-right: 0;
    font-size: 40px;
    margin-bottom: 15px;
  }
  /* line 46, app/assets/stylesheets/blog/components/_post_header.scss */
  .postHeader__meta span {
    display: block;
    margin-bottom: 3px;
    margin-left: 0;
    padding: 0;
  }
  /* line 52, app/assets/stylesheets/blog/components/_post_header.scss */
  .postHeader__meta span:not(:last-child) {
    margin-right: 0;
  }
  /* line 54, app/assets/stylesheets/blog/components/_post_header.scss */
  .postHeader__meta span:not(:last-child):after {
    content: '';
    margin-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 700px) {
  /* line 64, app/assets/stylesheets/blog/components/_post_header.scss */
  .postHeader__title {
    font-size: 24px;
  }
  /* line 69, app/assets/stylesheets/blog/components/_post_header.scss */
  .postHeader__meta span {
    font-size: 13px;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_post_list.scss */
.postList {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  margin-bottom: 10px;
}

/* line 8, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__article {
  flex: 0 0 calc(33.333% - 16.666px);
  margin-bottom: 40px;
}

/* line 13, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__image {
  border-radius: 6px;
  background-color: #efefef;
  display: block;
  height: 185px;
  margin-bottom: 20px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 25, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__icon {
  width: 48px;
}

/* line 29, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__title {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__title a:hover {
  text-decoration: underline;
}

/* line 38, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__meta {
  font-size: 11px;
  margin-top: 4px;
  color: #cbcbcb;
  line-height: 1.5;
  margin-bottom: 8px;
}

/* line 44, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__meta a {
  border-bottom: 1px solid #eee;
}

/* line 46, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__meta a:hover {
  border-bottom-color: #ccc;
}

/* line 52, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__excerpt {
  line-height: 1.5;
}

/* line 54, app/assets/stylesheets/blog/components/_post_list.scss */
.postList__excerpt a {
  text-decoration: underline;
  color: #999;
}

/* line 61, app/assets/stylesheets/blog/components/_post_list.scss */
.postList--cols .postList__article:nth-child(3n-1) {
  margin: 0 25px 40px 25px;
}

/* line 67, app/assets/stylesheets/blog/components/_post_list.scss */
.postList--rows {
  flex-direction: column;
}

/* line 69, app/assets/stylesheets/blog/components/_post_list.scss */
.postList--rows .postList__article {
  display: flex;
  margin-bottom: 20px;
  flex: 1 0 auto;
}

/* line 75, app/assets/stylesheets/blog/components/_post_list.scss */
.postList--rows .postList__article + .postList__article {
  border-top: 1px solid #efefef;
  padding-top: 20px;
}

/* line 80, app/assets/stylesheets/blog/components/_post_list.scss */
.postList--rows .postList__image {
  order: 2;
  background-color: #efefef;
  background-position: center;
  flex: 0 0 auto;
  width: 170px;
  max-height: 170px;
  height: auto;
  margin-left: 30px;
  margin-bottom: 0;
}

/* line 92, app/assets/stylesheets/blog/components/_post_list.scss */
.postList--rows .postList__details {
  order: 1;
  flex: 1 1 auto;
}

@media (max-width: 1050px) {
  /* line 99, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList {
    flex-direction: column;
  }
  /* line 101, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList .postList__article {
    display: flex;
    margin-bottom: 20px;
    flex: 1 0 auto;
  }
  /* line 107, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList .postList__article + .postList__article {
    border-top: 1px solid #efefef;
    padding-top: 20px;
  }
  /* line 112, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList .postList__image {
    background-color: #efefef;
    flex: 0 0 auto;
    width: 170px;
    max-height: 170px;
    height: auto;
    margin-right: 30px;
    margin-bottom: 0;
  }
  /* line 122, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList .postList__details {
    flex: 1 1 auto;
  }
  /* line 128, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList--cols .postList__article:nth-child(3n-1) {
    margin: 0 0 20px 0;
  }
}

@media (max-width: 700px) {
  /* line 136, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList .postList__article {
    flex-direction: column;
  }
  /* line 140, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList .postList__image {
    order: 1;
    width: 100%;
    height: 120px;
    margin-left: 0;
    margin-bottom: 20px;
  }
  /* line 148, app/assets/stylesheets/blog/components/_post_list.scss */
  .postList .postList__details {
    order: 2;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_post_main_image.scss */
.postMainImage {
  border-radius: 6px;
  height: 450px;
  background-color: #333;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1050px) {
  /* line 1, app/assets/stylesheets/blog/components/_post_main_image.scss */
  .postMainImage {
    min-height: 250px;
  }
}

/* line 15, app/assets/stylesheets/blog/components/_post_main_image.scss */
.postMainImage--withIcon {
  height: 260px;
}

/* line 19, app/assets/stylesheets/blog/components/_post_main_image.scss */
.postMainImage__icon {
  width: 100px;
}

/* line 1, app/assets/stylesheets/blog/components/_post_preview_bar.scss */
.postPreviewBar {
  background: #fffff1;
  border: 2px solid #e8e8e2;
  color: #888878;
  font-size: 90%;
  font-weight: 500;
  padding: 20px;
  border-radius: 6px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

/* line 14, app/assets/stylesheets/blog/components/_post_preview_bar.scss */
.postPreviewBar__links {
  margin-left: auto;
  display: flex;
}

/* line 18, app/assets/stylesheets/blog/components/_post_preview_bar.scss */
.postPreviewBar__links li a {
  border: 1px solid #e8e8e2;
  background: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}

/* line 23, app/assets/stylesheets/blog/components/_post_preview_bar.scss */
.postPreviewBar__links li a:hover {
  border-color: #888878;
}

/* line 28, app/assets/stylesheets/blog/components/_post_preview_bar.scss */
.postPreviewBar__links li + li {
  margin-left: 15px;
}

/* line 1, app/assets/stylesheets/blog/components/_post_series_box.scss */
.postSeriesBox {
  background-size: cover;
  border-radius: 6px;
  background-position: center center;
  overflow: hidden;
  margin-top: 40px;
}

/* line 9, app/assets/stylesheets/blog/components/_post_series_box.scss */
.postSeriesBox__link {
  display: block;
  background: rgba(0, 0, 0, 0.6);
  padding: 25px;
  color: #fff;
}

/* line 16, app/assets/stylesheets/blog/components/_post_series_box.scss */
.postSeriesBox__title {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

/* line 20, app/assets/stylesheets/blog/components/_post_series_box.scss */
.postSeriesBox__title b {
  color: white;
}

/* line 25, app/assets/stylesheets/blog/components/_post_series_box.scss */
.postSeriesBox__description {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 10px;
  margin-right: 100px;
}

/* line 1, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar {
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 8, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__items {
  display: flex;
}

/* line 12, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__link {
  display: block;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 8px 10px 8px 25px;
  font-size: 10px;
  background: url(/assets/reactions/thumbs_up-0521c4e4c9d15caab660409e8e3030f3132401e60138fd1b62dc49aec195175e.png) #fafafa no-repeat 5px center;
  background-size: 15px;
  color: #999;
}

/* line 22, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__link:hover {
  border-color: #afdbf9;
}

/* line 26, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__link.is-active {
  border-color: #39a5ef;
  background-color: #f6fbfe;
  color: #39a5ef;
  font-weight: 600;
}

/* line 34, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__text {
  font-size: 12px;
  color: #999;
  margin-right: 15px;
}

/* line 40, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__item + .reactBar__item {
  margin-left: 6px;
}

/* line 44, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__link--heart {
  background-image: url(/assets/reactions/heart-3e97709aad6067ca7047908149e39a358e573890790a1749bb6fb8d822007fd1.png);
}

/* line 48, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__link--sad {
  background-image: url(/assets/reactions/sad-4e841aa6f4cc29f7adb9f228243dd0512193dafc55af05b31048beb4cfaed0d4.png);
}

/* line 52, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__link--penguin {
  background-image: url(/assets/reactions/penguin-ea95882f1b2ebc1efa538c7d005a3bbab18fc7eb4f861a7dcf5aff9845fb5195.png);
}

/* line 56, app/assets/stylesheets/blog/components/_react_bar.scss */
.reactBar__link--laughing {
  background-image: url(/assets/reactions/laughing-0c7ae5f45d41ef979d2770f78d3507ccd6047b7132e2d35c1edfd2a30508e42f.png);
}

@media (max-width: 700px) {
  /* line 61, app/assets/stylesheets/blog/components/_react_bar.scss */
  .reactBar {
    flex-direction: column;
  }
  /* line 65, app/assets/stylesheets/blog/components/_react_bar.scss */
  .reactBar__items {
    margin-top: 15px;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_share_links.scss */
.shareLinks {
  display: flex;
  background: #fffff1;
  font-size: 90%;
  border: 1px dashed #e8e8e2;
  color: #888878;
  font-weight: 500;
  padding: 20px;
  border-radius: 6px;
}

/* line 12, app/assets/stylesheets/blog/components/_share_links.scss */
.shareLinks__text {
  font-weight: 500;
}

/* line 16, app/assets/stylesheets/blog/components/_share_links.scss */
.shareLinks__links {
  margin-left: auto;
  display: flex;
}

/* line 19, app/assets/stylesheets/blog/components/_share_links.scss */
.shareLinks__links li a {
  background: url(/assets/icons/twitter-share-c7854b7bc08bfced762f09282dbdaf3aba0126dca3c85730c4ef7862c068f620.svg) no-repeat;
  background-size: 16px;
  padding: 1px 0;
  padding-left: 23px;
}

/* line 24, app/assets/stylesheets/blog/components/_share_links.scss */
.shareLinks__links li a:hover {
  text-decoration: underline;
}

/* line 28, app/assets/stylesheets/blog/components/_share_links.scss */
.shareLinks__links li a.shareLinks__facebook {
  background-image: url(/assets/icons/facebook-share-a1ee1e19d19affe56f9d1a06f5d69c8b97cb655e1d2a87a14c7617d776f03640.svg);
}

/* line 32, app/assets/stylesheets/blog/components/_share_links.scss */
.shareLinks__links li a.shareLinks__linkedin {
  background-image: url(/assets/icons/linkedin-share-d1a4dc286a84628e1ef576bf2ccc7d3743fb0d40234df27b0b0623a916a8f2da.svg);
}

/* line 36, app/assets/stylesheets/blog/components/_share_links.scss */
.shareLinks__links li + li {
  margin-left: 25px;
}

@media (max-width: 800px) {
  /* line 42, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks {
    flex-direction: column;
    align-items: center;
  }
  /* line 47, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks__text {
    margin-bottom: 20px;
  }
  /* line 51, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks__links {
    justify-content: center;
    margin-left: 0;
  }
}

@media (max-width: 800px) {
  /* line 58, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks {
    flex-direction: column;
    align-items: center;
  }
  /* line 63, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks__text {
    margin-bottom: 20px;
  }
  /* line 67, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks__links {
    justify-content: center;
    margin-left: 0;
  }
}

@media (max-width: 650px) {
  /* line 74, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks__text {
    margin-bottom: 35px;
  }
  /* line 78, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks__links {
    flex-direction: column;
  }
  /* line 80, app/assets/stylesheets/blog/components/_share_links.scss */
  .shareLinks__links li + li {
    margin-left: 0;
    margin-top: 20px;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter {
  padding: 40px 0;
  background: #f7f7f7;
  font-size: 12px;
}

/* line 7, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__inner {
  display: flex;
}

/* line 11, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__company {
  width: 300px;
}

/* line 15, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__atechLogo {
  display: block;
  width: 100px;
  height: 20px;
  text-indent: -40000px;
  margin-bottom: 15px;
}

/* line 22, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__atechLogo:hover {
  opacity: 0.7;
}

/* line 26, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__atechLogo:active {
  opacity: 0.4;
}

/* line 32, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__companyText {
  font-size: 12px;
  line-height: 1.7;
  margin-bottom: 30px;
}

/* line 38, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__copyright {
  font-size: 12px;
  color: #aaa;
}

/* line 43, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__links {
  display: flex;
  margin-left: auto;
}

/* line 48, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__linkSet + .siteFooter__linkSet {
  margin-left: 50px;
}

/* line 52, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__linkSetTitle {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 15px;
  color: #444;
}

/* line 59, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__linkList {
  line-height: 2.0;
  color: #999;
}

/* line 63, app/assets/stylesheets/blog/components/_site_footer.scss */
.siteFooter__linkList a:hover {
  text-decoration: underline;
}

@media (max-width: 1050px) {
  /* line 69, app/assets/stylesheets/blog/components/_site_footer.scss */
  .siteFooter__inner {
    flex-direction: column;
  }
  /* line 73, app/assets/stylesheets/blog/components/_site_footer.scss */
  .siteFooter__company {
    order: 2;
    text-align: center;
    width: auto;
    max-width: 400px;
    margin: auto;
  }
  /* line 81, app/assets/stylesheets/blog/components/_site_footer.scss */
  .siteFooter__atechLogo {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 86, app/assets/stylesheets/blog/components/_site_footer.scss */
  .siteFooter__links {
    justify-content: center;
    margin: 0;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
  }
}

@media (max-width: 650px) {
  /* line 96, app/assets/stylesheets/blog/components/_site_footer.scss */
  .siteFooter__links {
    flex-direction: column;
  }
  /* line 100, app/assets/stylesheets/blog/components/_site_footer.scss */
  .siteFooter__linkSet + .siteFooter__linkSet {
    margin-left: 0;
  }
  /* line 104, app/assets/stylesheets/blog/components/_site_footer.scss */
  .siteFooter__linkSet {
    margin: 0 0 30px 0;
    text-align: center;
  }
  /* line 108, app/assets/stylesheets/blog/components/_site_footer.scss */
  .siteFooter__linkSet:last-child {
    margin-bottom: 0;
  }
}

/* line 1, app/assets/stylesheets/blog/components/_site_header.scss */
.siteHeader {
  background: #f7f7f7;
}

/* line 5, app/assets/stylesheets/blog/components/_site_header.scss */
.siteHeader__inner {
  display: flex;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 12, app/assets/stylesheets/blog/components/_site_header.scss */
.siteHeader__stripe {
  height: 8px;
  background-image: linear-gradient(90deg, #2B2828 1%, #9246e2 100%);
}

/* line 17, app/assets/stylesheets/blog/components/_site_header.scss */
.siteHeader__logo {
  display: block;
  font-size: 18px;
  margin-right: 40px;
}

/* line 23, app/assets/stylesheets/blog/components/_site_header.scss */
.siteHeader__menu {
  margin-left: auto;
  height: 23px;
  display: block;
  background-image: url(/assets/icons/menu-5ac7b34bf325a9efe81324b97bb2436ad085e394ad75bd0182512149f25059ae.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 23px;
  padding: 0 30px 0 30px;
  font-size: 12px;
  padding-top: 6px;
  color: transparent;
  transition-property: color;
  transition-duration: 0.75s;
}

/* line 38, app/assets/stylesheets/blog/components/_site_header.scss */
.siteHeader__menu:hover {
  color: #999;
}

/* line 1, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks {
  display: flex;
}

/* line 5, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks__item + .socialLinks__item {
  margin-left: 20px;
}

/* line 9, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks__item {
  font-size: 12px;
  font-weight: 500;
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-position: 0 center;
  padding: 2px 0;
  padding-left: 22px;
}

/* line 17, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks__item a:hover {
  text-decoration: underline;
}

/* line 22, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks__item--twitter {
  color: #07a0f5;
  background-image: url(/assets/icons/twitter-22b2f50932d0b6170ee100e3f3f33ad4f2478c0d74fe349f15dd5f441417805a.svg);
}

/* line 27, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks__item--github {
  color: #222;
  background-image: url(/assets/icons/github-0f5bf5f3802343116d1758b6b70d2cec4f288c6f0feb30a1f65682d8b5f43686.svg);
}

/* line 32, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks__item--dribbble {
  color: #ee5a94;
  background-image: url(/assets/icons/dribbble-e4dac936a91c10429f9a3b0b410c000f9b2ba8534f4b696a13125c2cac124838.svg);
}

/* line 37, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks__item--homepage {
  color: #22bf54;
  background-image: url(/assets/icons/homepage-090581d3b4f2f1a13f0f313cfb0819fe68cfee65d4690421a51c2fbc3159e806.svg);
}

/* line 42, app/assets/stylesheets/blog/components/_social_links.scss */
.socialLinks__item--blog {
  color: #999;
  background-image: url(/assets/icons/typewriter-72e4a5bcca5a3c37540a75ddfe723c18124817383f40ba3284b02207f8de78de.svg);
}

@media (max-width: 700px) {
  /* line 48, app/assets/stylesheets/blog/components/_social_links.scss */
  .socialLinks {
    flex-direction: column;
    align-items: center;
  }
  /* line 53, app/assets/stylesheets/blog/components/_social_links.scss */
  .socialLinks__item + .socialLinks__item {
    margin-left: 0;
  }
  /* line 57, app/assets/stylesheets/blog/components/_social_links.scss */
  .socialLinks__item {
    margin: 0;
    text-align: left;
    margin-bottom: 12px;
    padding-left: 25px;
  }
}

/* line 1, app/assets/stylesheets/blog/elements/_button.scss */
.button {
  appearance: none;
  border: 0;
  font: inherit;
  background: #39a5ef;
  border-radius: 4px;
  display: block;
  color: #fff;
  text-align: center;
  padding: 8px 10px;
  font-size: 12px;
}

/* line 12, app/assets/stylesheets/blog/elements/_button.scss */
.button:hover {
  background-color: #128ee3;
}

/* line 15, app/assets/stylesheets/blog/elements/_button.scss */
.button:active {
  background-color: #107fcb;
}

/* line 18, app/assets/stylesheets/blog/elements/_button.scss */
.button.is-spinning {
  background-image: url(/assets/spinner-cb036c21de3af3eab1f777fd5e7a4fe87305f8a60fb9aa568b68f248a8f24c1a.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 19px;
  color: transparent;
}

/* line 27, app/assets/stylesheets/blog/elements/_button.scss */
.button--grey {
  background-color: #d7d7d7;
}

/* line 29, app/assets/stylesheets/blog/elements/_button.scss */
.button--grey:hover {
  background-color: #bebebe;
}

/* line 32, app/assets/stylesheets/blog/elements/_button.scss */
.button--grey:active {
  background-color: #b1b1b1;
}

/* line 35, app/assets/stylesheets/blog/elements/_button.scss */
.button--grey.is-spinning {
  background-image: url(/assets/spinner-grey-def23f60b17b4ca9f7f7806d3e6a0b267ab2c5698a71f1cc31b17627ab54eea3.gif);
}

/* line 40, app/assets/stylesheets/blog/elements/_button.scss */
.button--red {
  background-color: #f43256;
}

/* line 42, app/assets/stylesheets/blog/elements/_button.scss */
.button--red:hover {
  background-color: #e70c35;
}

/* line 45, app/assets/stylesheets/blog/elements/_button.scss */
.button--red:active {
  background-color: #ce0b2f;
}

/* line 48, app/assets/stylesheets/blog/elements/_button.scss */
.button--red.is-spinning {
  background-image: url(/assets/spinner-red-9eefa3536a9d297a19e9997d05d5a08ba2863c15729b5d9f5fb631a9a2f5c448.gif);
}

/* line 1, app/assets/stylesheets/blog/elements/_lozenge.scss */
.lozenge {
  background: #61d156;
  font-size: 8px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  padding: 2px 5px;
  border-radius: 2px;
  vertical-align: 2px;
  margin-left: 5px;
}

/* line 1, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.flex {
  display: flex;
}

/* line 5, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.space-x-2 {
  gap: 0.5rem;
}

/* line 9, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.justify-center {
  justify-content: center;
}

/* line 13, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.bg-black {
  background-color: #000;
}

/* line 17, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.text-white {
  color: #fff;
}

/* line 21, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 26, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.py-2 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* line 31, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.text-sm {
  font-size: 1rem;
}

/* line 35, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.text-yellow-500 {
  color: #f59e0b;
}

/* line 39, app/assets/stylesheets/blog/../shared/_environment_details.scss */
.underline {
  text-decoration: underline;
}

/* line 11, app/assets/stylesheets/blog/blog.scss */
html {
  font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
  font-size: 14px;
}

/* line 16, app/assets/stylesheets/blog/blog.scss */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-y: scroll;
}