@charset "UTF-8";
:root {
  --gradient-direction: 274deg;
  --color-gradient-start: #e68d1a;
  --color-gradient-end: #1ae68d; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

:root {
  --display: block; }

[class*="display--"] {
  display: none !important; }

html, body {
  font-family: "Lora", serif;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.5; }
  html, body {
    font-size: 16px; }
    @media screen and (min-width: 320px) {
      html, body {
        font-size: calc( 16px + 8 * ( (100vw - 320px) / 880 )); } }
    @media screen and (min-width: 1200px) {
      html, body {
        font-size: 24px; } }

h1,
h2,
h3,
h4 {
  margin: 1.5rem 0 1.5rem 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #3a3a3a; }

h1 {
  font-size: 1.95312rem;
  line-height: 2.5rem; }

h2 {
  font-size: 1.5625rem;
  line-height: 2rem; }

h3 {
  font-size: 1.25rem;
  line-height: 1.5rem; }

.text-color-base {
  color: #3a3a3a; }

.text-color-light {
  color: #767676; }

.font-size-2 {
  font-size: 1.5625em; }

.text-start {
  text-align: start; }

.text-center {
  text-align: center; }

.text-end {
  text-align: end; }

/* SPACERS */
/* margin */
.margin-none {
  margin: 0rem !important; }

.margin-top-none {
  margin-top: 0rem !important; }

.margin-right-none {
  margin-right: 0rem !important; }

.margin-bottom-none {
  margin-bottom: 0rem !important; }

.margin-left-none {
  margin-left: 0rem !important; }

.margin-horizontal-none {
  margin-left: 0rem !important;
  margin-right: 0rem !important; }

.margin-vertical-none {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important; }

.margin-xs {
  margin: 0.375rem !important; }

.margin-top-xs {
  margin-top: 0.375rem !important; }

.margin-right-xs {
  margin-right: 0.375rem !important; }

.margin-bottom-xs {
  margin-bottom: 0.375rem !important; }

.margin-left-xs {
  margin-left: 0.375rem !important; }

.margin-horizontal-xs {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important; }

.margin-vertical-xs {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important; }

.margin-s {
  margin: 0.75rem !important; }

.margin-top-s {
  margin-top: 0.75rem !important; }

.margin-right-s {
  margin-right: 0.75rem !important; }

.margin-bottom-s {
  margin-bottom: 0.75rem !important; }

.margin-left-s {
  margin-left: 0.75rem !important; }

.margin-horizontal-s {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important; }

.margin-vertical-s {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important; }

.margin-m {
  margin: 1.5rem !important; }

.margin-top-m {
  margin-top: 1.5rem !important; }

.margin-right-m {
  margin-right: 1.5rem !important; }

.margin-bottom-m {
  margin-bottom: 1.5rem !important; }

.margin-left-m {
  margin-left: 1.5rem !important; }

.margin-horizontal-m {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important; }

.margin-vertical-m {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.margin-l {
  margin: 3rem !important; }

.margin-top-l {
  margin-top: 3rem !important; }

.margin-right-l {
  margin-right: 3rem !important; }

.margin-bottom-l {
  margin-bottom: 3rem !important; }

.margin-left-l {
  margin-left: 3rem !important; }

.margin-horizontal-l {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.margin-vertical-l {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.margin-xl {
  margin: 6rem !important; }

.margin-top-xl {
  margin-top: 6rem !important; }

.margin-right-xl {
  margin-right: 6rem !important; }

.margin-bottom-xl {
  margin-bottom: 6rem !important; }

.margin-left-xl {
  margin-left: 6rem !important; }

.margin-horizontal-xl {
  margin-left: 6rem !important;
  margin-right: 6rem !important; }

.margin-vertical-xl {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important; }

/* padding */
.padding-none {
  padding: 0rem !important; }

.padding-top-none {
  padding-top: 0rem !important; }

.padding-right-none {
  padding-right: 0rem !important; }

.padding-bottom-none {
  padding-bottom: 0rem !important; }

.padding-left-none {
  padding-left: 0rem !important; }

.padding-horizontal-none {
  padding-left: 0rem !important;
  padding-right: 0rem !important; }

.padding-vertical-none {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important; }

.padding-xs {
  padding: 0.375rem !important; }

.padding-top-xs {
  padding-top: 0.375rem !important; }

.padding-right-xs {
  padding-right: 0.375rem !important; }

.padding-bottom-xs {
  padding-bottom: 0.375rem !important; }

.padding-left-xs {
  padding-left: 0.375rem !important; }

.padding-horizontal-xs {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important; }

.padding-vertical-xs {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important; }

.padding-s {
  padding: 0.75rem !important; }

.padding-top-s {
  padding-top: 0.75rem !important; }

.padding-right-s {
  padding-right: 0.75rem !important; }

.padding-bottom-s {
  padding-bottom: 0.75rem !important; }

.padding-left-s {
  padding-left: 0.75rem !important; }

.padding-horizontal-s {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important; }

.padding-vertical-s {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important; }

.padding-m {
  padding: 1.5rem !important; }

.padding-top-m {
  padding-top: 1.5rem !important; }

.padding-right-m {
  padding-right: 1.5rem !important; }

.padding-bottom-m {
  padding-bottom: 1.5rem !important; }

.padding-left-m {
  padding-left: 1.5rem !important; }

.padding-horizontal-m {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.padding-vertical-m {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.padding-l {
  padding: 3rem !important; }

.padding-top-l {
  padding-top: 3rem !important; }

.padding-right-l {
  padding-right: 3rem !important; }

.padding-bottom-l {
  padding-bottom: 3rem !important; }

.padding-left-l {
  padding-left: 3rem !important; }

.padding-horizontal-l {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.padding-vertical-l {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.padding-xl {
  padding: 6rem !important; }

.padding-top-xl {
  padding-top: 6rem !important; }

.padding-right-xl {
  padding-right: 6rem !important; }

.padding-bottom-xl {
  padding-bottom: 6rem !important; }

.padding-left-xl {
  padding-left: 6rem !important; }

.padding-horizontal-xl {
  padding-left: 6rem !important;
  padding-right: 6rem !important; }

.padding-vertical-xl {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important; }

.border-m {
  border: 1px solid #c8c8c8; }

.border-top-m {
  border-top: 1px solid #c8c8c8; }

.border-right-m {
  border-right: 1px solid #c8c8c8; }

.border-bottom-m {
  border-bottom: 1px solid #c8c8c8; }

.border-left-m {
  border-left: 1px solid #c8c8c8; }

.border-l {
  border: 2px solid #c8c8c8; }

.border-top-l {
  border-top: 2px solid #c8c8c8; }

.border-right-l {
  border-right: 2px solid #c8c8c8; }

.border-bottom-l {
  border-bottom: 2px solid #c8c8c8; }

.border-left-l {
  border-left: 2px solid #c8c8c8; }

.border-xl {
  border: 4px solid #c8c8c8; }

.border-top-xl {
  border-top: 4px solid #c8c8c8; }

.border-right-xl {
  border-right: 4px solid #c8c8c8; }

.border-bottom-xl {
  border-bottom: 4px solid #c8c8c8; }

.border-left-xl {
  border-left: 4px solid #c8c8c8; }

.site-logo {
  color: white; }

.site-logo svg {
  width: 27.7128px;
  max-height: 100px;
  display: block; }
  @media (min-width: 320px) {
    .site-logo svg {
      width: calc( 70vw * 0.86603 - 32px * 0.86603 * 6); } }
  @media (min-width: 640px) {
    .site-logo svg {
      width: 221.7024px; } }

.site-logo a {
  display: block;
  color: inherit;
  padding: 0; }
  .site-logo a:hover, .site-logo a:visited:hover {
    color: black; }
  .site-logo a:visited {
    color: inherit; }

.site-logo a span {
  margin: 0 0.5em; }

body > header {
  position: relative;
  background: red;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.125) 25.5%, rgba(0, 0, 0, 0.0625) 32.85%, rgba(0, 0, 0, 0) 50%), linear-gradient(240deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.125) 25.5%, rgba(0, 0, 0, 0.0625) 32.85%, rgba(0, 0, 0, 0) 50%), linear-gradient(120deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.125) 25.5%, rgba(0, 0, 0, 0.0625) 32.85%, rgba(0, 0, 0, 0) 50%), linear-gradient(var(--gradient-direction, 274deg), var(--color-gradient-start, #e68d1a), var(--color-gradient-end, #1ae68d));
  color: white;
  padding: 1em;
  margin-bottom: 1em;
  display: flex; }

.site-logo {
  margin: 0 auto; }

.site-footer {
  border-top: 2px dashed #c8c8c8; }

.pagination {
  display: grid;
  grid-template-columns: auto 1fr auto;
  position: relative;
  grid-gap: 1em;
  font-size: 0.8rem;
  line-height: 2; }
  @media (min-width: 40em) {
    .pagination {
      line-height: inherit; } }

.pagination .text {
  display: none; }
  @media (min-width: 40em) {
    .pagination .text {
      display: inline-block; } }

.pagination a,
.pagination a:visited {
  text-decoration: none;
  color: #3a3a3a; }

.pagination a:hover,
.pagination a:focus,
.pagination__current {
  background-color: #ddd; }

.pagination__left,
.pagination__center,
.pagination__right {
  border: 1px solid #c8c8c8;
  border-radius: 3px; }

.pagination__left > *,
.pagination__right > * {
  display: block;
  padding: 0 0.5em; }

.pagination__center {
  display: flex; }

.pagination__center > * {
  flex: 1 1 100%;
  text-align: center; }

.pagination__center > *:not(:last-child) {
  border-right: 1px solid #c8c8c8; }

.read-more .icon {
  height: 1em; }

.divider,
hr {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  background: linear-gradient(to right, white, black 50%, white 100%);
  text-shadow: 0 0 3px white;
  height: 1px; }

.divider svg {
  height: 20px;
  background-color: white; }

hr {
  border: none; }

article table {
  border-collapse: collapse; }
  article table td,
  article table th {
    border: 1px solid #c8c8c8;
    padding: 0 0.5em;
    vertical-align: top; }

.button {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  font-size: 0.8rem;
  line-height: 2; }
  @media (min-width: 40em) {
    .button {
      line-height: inherit; } }

.input[type="search"] {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  font-size: 0.8rem;
  line-height: 2; }
  @media (min-width: 40em) {
    .input[type="search"] {
      line-height: inherit; } }

.label {
  font-size: 0.8rem;
  line-height: 2; }

.search h2 {
  font-size: 1rem;
  margin: 0; }

.search__results {
  display: none; }

.results__list {
  margin: 0; }

.search__indicator {
  display: none; }

.search__empty {
  display: none; }

.tweet__content {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word; }

.tweet__media-link {
  display: inline-block; }

.twitter-pagination {
  display: flex; }

.twitter-pagination .next {
  margin-left: auto; }

/*

Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
based on dark.css by Ivan Sagalaev

*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #3f3f3f;
  color: #dcdcdc; }

.hljs-keyword,
.hljs-selector-tag,
.hljs-tag {
  color: #e3ceab; }

.hljs-template-tag {
  color: #dcdcdc; }

.hljs-number {
  color: #8cd0d3; }

.hljs-variable,
.hljs-template-variable,
.hljs-attribute {
  color: #efdcbc; }

.hljs-literal {
  color: #efefaf; }

.hljs-subst {
  color: #8f8f8f; }

.hljs-title,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-section,
.hljs-type {
  color: #efef8f; }

.hljs-symbol,
.hljs-bullet,
.hljs-link {
  color: #dca3a3; }

.hljs-deletion,
.hljs-string,
.hljs-built_in,
.hljs-builtin-name {
  color: #cc9393; }

.hljs-addition,
.hljs-comment,
.hljs-quote,
.hljs-meta {
  color: #7f9f7f; }

.hljs-emphasis {
  font-style: italic; }

.hljs-strong {
  font-weight: bold; }

html,
body {
  height: 100%; }

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  background-color: white; }

body > main,
body > footer {
  display: grid;
  grid-template-columns: minmax(1em, 1fr) minmax(100px, 800px) minmax(1em, 1fr); }

.grid-centered {
  grid-column: 2 / 3; }

.grid-span-all {
  grid-column: 1 / -1; }

p,
ol,
ul,
table,
dl {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

img {
  max-width: 100%;
  display: inline-block;
  margin: 0; }

a {
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  color: darkred; }
  a:visited {
    color: darkred; }

.no-link-style {
  color: inherit;
  text-decoration: none; }

.responsive-table {
  overflow-x: auto; }

.content table td {
  border-top: 1px solid #c8c8c8; }

.tags {
  display: inline-block; }

.border-top {
  border-top: 1px solid #c8c8c8; }

.border-bottom {
  border-bottom: 1px solid #c8c8c8; }

.flex {
  display: flex; }

.justify-between {
  justify-content: space-between; }

.display-block {
  display: block; }

blockquote {
  border-left: 4px solid #c8c8c8;
  padding: 0.375rem 1.5rem;
  margin-bottom: 1.5rem; }

blockquote *:first-child {
  margin-top: 0; }

blockquote *:last-child {
  margin-bottom: 0; }

blockquote cite {
  display: block;
  text-align: end; }
  blockquote cite::before {
    content: "— "; }

.text-size-s {
  font-size: 80%; }

ul ul {
  margin: 0; }

.postlist-date {
  font-style: italic; }

.icon {
  display: inline-block;
  vertical-align: middle;
  height: 1em;
  width: 1em;
  margin: 0.25em 0; }

.show {
  display: inherit !important; }

.more-wrapper {
  display: flex;
  justify-content: flex-end; }

/*# sourceMappingURL=../css/styles.css.map */