/* resets */
h1,
h2,
h3 {
  font-size: 100%;
  font-weight: normal;
}
div,
p,
li,
ol,
ul,
blockquote,
h1,
h2,
h3,
pre {
  margin: 0;
  padding: 0;
}
cite {
  font-style: normal;
}
/* end resets */

/* fonts */

@font-face {
  font-family: 'Recursive';
  src: url('/_/recursive-fallback-fffe49a.woff2') format('woff2');
  font-weight: 300 800;
  font-style: normal;
  unicode-range: U+00A0-00E8,U+00EA-00EE,U+00F0-00F7,U+00F9-017E,U+018F,U+0192,U+019D,U+01A0-01A1,U+01AF-01B0,U+01C4-01CC,U+01E6-01E7,U+01EA-01EB,U+01F1-01F3,U+01FA-021B,U+022A-022D,U+0230-0233,U+0237,U+0259,U+0272,U+02B9-02BC,U+02BE-02BF,U+02C6-02CC,U+02D8-02DD,U+0300-0304,U+0306-030C,U+030F,U+0311-0312,U+0315,U+031B,U+0323-0328,U+032E,U+0331,U+0335,U+03C0,U+0E3F,U+1E08-1E09,U+1E0C-1E0F,U+1E14-1E17,U+1E1C-1E1D,U+1E20-1E21,U+1E24-1E25,U+1E2A-1E2B,U+1E2E-1E2F,U+1E36-1E37,U+1E3A-1E3B,U+1E42-1E49,U+1E4C-1E53,U+1E5A-1E5B,U+1E5E-1E69,U+1E6C-1E6F,U+1E78-1E7B,U+1E80-1E85,U+1E8E-1E8F,U+1E92-1E93,U+1E97,U+1E9E,U+1EA0-1EF9,U+2007-200B,U+2010,U+2012,U+2015,U+2018,U+201A,U+201E,U+2020-2022,U+2030,U+2032-2033,U+2039-203A,U+203E,U+2044,U+2052,U+2070,U+2074-2079,U+2080-2089,U+20A1,U+20A6,U+20A8-20AD,U+20B1-20B2,U+20B4-20B5,U+20B8-20BA,U+20BC-20BD,U+20BF,U+2113,U+2116,U+2122,U+2126,U+212E,U+2153-2154,U+215B-215E,U+2190-2199,U+2202,U+2205-2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260-2261,U+2264-2265,U+25A1,U+25B2-25B3,U+25B6-25B7,U+25BC-25BD,U+25C0-25C1,U+25C6-25C7,U+25CA,U+2610-2611,U+2661,U+2665,U+2713,U+27E8-27E9,U+E132-E133,U+F8FF,U+FB01,U+FB03;
}

@font-face {
  font-family: 'Recursive';
  src: url('/_/recursive-2e0b15a.woff2') format('woff2');
  font-weight: 300 800;
  font-style: normal;
  unicode-range: U+000D,U+0020-007E,U+00E9,U+00EF,U+00F8,U+2013-2014,U+2019,U+201C-201D,U+2026,U+25A0;
}

/* colors */

:root {

  --primary: hsl(198, 60%, 43%);
  --primary-hover: hsl(198, 65%, 30%);

  --background: hsl(198, 10%, 98%);
  --text: hsl(198, 13%, 30%);
  --text-light: hsl(198, 10%, 56%);
  --underline: hsl(198, 10%, 69%);
  --border: hsl(198, 10%, 90%);
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: hsl(198, 65%, 48%);
    --primary-hover: hsl(198, 80%, 55%);

    --background: hsl(198, 5%, 20%);
    --text: hsl(198, 2%, 69%);
    --text-light: hsl(198, 3%, 56%);
    --border: hsl(198, 5%, 25%);
    --underline: hsl(198, 5%, 43%);
  }
}

body {
  margin: 0 0;
  padding: 0;
  background: var(--background);
  color: var(--text);
  font: 1rem/1.6666667rem "Recursive", sans-serif;
  text-align: center; /* ie */
}

#awesome {
  margin: 0 auto;
  max-width: 30em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 2.618em;
  text-align: left; /* ie */
}

img {
  border: 1px solid var(--underline);
}

p img {
  vertical-align: top;
}

p img + img {
  margin-left: 10px;
}

a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--underline);
}
a:hover,
a:active {
  color: var(--primary);
  text-decoration-color: var(--primary);
}

h1 a:hover,
h1 a:active,
h3 a:hover,
h3 a:active {
  color: var(--primary-hover);
  text-decoration-color: var(--primary-hover);
}

h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active,
.published a:link,
.published a:visited,
.published a:hover,
.published a:active,
a.permalink:link,
a.permalink:visited,
a.permalink:hover,
a.permalink:active {
  text-decoration: none;
}

h1 {
  color: var(--primary);
  font: 600 normal 2.6111111rem/3.3333333rem Recursive, sans-serif;
  margin: 1.6666667rem 0 0;
  font-variation-settings: "CASL" 0.65;
  font-feature-settings: "ss01" on;
  letter-spacing: -0.0346em;
  border-bottom: 1px solid var(--border);
  margin-bottom: -1px;
}

/* front page */
body.front h1 {
  letter-spacing: -0.1rem;
  border-bottom: 1px solid var(--border);
  margin-bottom: -1px;
  font-weight: 800;
  font-size: 4.22222222rem;
  line-height: 5rem;
}

body.front p {
  margin-top: 0.618rem;
  font-size: 1.6111111rem;
  line-height: 2.5rem;
  margin-top: 1.6666667rem;
  font-variation-settings:  "CASL" 0.25;
}

body.front p + p {
  margin-top: 0.8333333rem;
}

/* weblog entries */
.entry {
  margin: 0;
  position: relative;
}

.entry p:nth-last-child(2):before {
  content: " ";
  display: block;
  margin-top: 1.6667rem;
}

.entry p:nth-last-child(2) {
  display: inline;
}
.entry .permalink {
  display: inline-block;
  color: var(--primary);

}

.entry + .entry {
  margin-top: 3.3333333rem;
}

p,
ul,
ol,
h3,
blockquote,
pre {
  margin-top: 1.6666667rem;
}



h3 {
  font: 600 normal 1.6111111rem/2.5rem "Recursive", sans-serif;
  font-variation-settings:  "CASL" 0.25;
  color:var(--primary);
}

/* list items */
ul,
ol {
  list-style-position: outside;
}
li::marker {
  color: var(--primary);
}
ol li {
  list-style: decimal;
}
ul li {
  list-style-type: disc;
}

/* blockquotes */
blockquote {
  position: relative;
}
blockquote .hello_quote_open,
blockquote .hello_quote_close {
  color: var(--primary);
  font-weight: bold;
}
blockquote .hello_quote_open {
  position: absolute;
  left: -0.7rem;
  top: 0;
}

blockquote .hello_quote_close {
  bottom: 0;
  padding-left: 0.2rem;
}

.hello_quote_source span {
  color: var(--primary);
}
.hello_quote_source {
  margin-top: 0;
}

p.published, p.blurb {
  color: var(--text-light);
  margin-top:0;
}

p.published+p {
  margin-top: 0.83333333rem;
}

/* code */
code {
  font: 0.9rem/1.5rem "Recursive", Courier, Monospace;
  font-variation-settings: "MONO" 1;
  color: var(--text-light);
}

a code {
  color: inherit;
}

pre code {
  font-size: 1em;
}