@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block; }

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

:root {
  --font: Helvetica, Arial, sans-serif;
  --font-title: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  --header-width: 1370px;
  --main-width: 720px;
  --gap: 4rem;
  --radius: .5em; }

* {
  outline-color: var(--accent-color); }

body {
  background-color: var(--bg-color);
  color: var(--color);
  min-height: 100vh;
  min-height: -webkit-fill-available;
  overflow-x: hidden; }

a,
a:visited {
  color: inherit;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  color: var(--accent-color); }

a:hover,
a:focus {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  opacity: 0.85; }

blockquote {
  background-color: var(--bg-quotes);
  border-left: 5px solid var(--accent-color);
  margin: var(--gap) 10px;
  letter-spacing: -0.02rem;
  padding: 0.5em 1rem 0.5em 1.5rem;
  quotes: "“" "”" "‘" "’";
  line-height: 1.3; }
  blockquote p {
    margin: 1em 0;
    line-height: 1.3;
    padding-left: 0.5em; }

blockquote:before {
  content: open-quote;
  font-size: 8em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em; }

button:not(.theme__btn):not(.nav-btn),
.btn,
.btn:visited {
  margin-top: 1.5rem;
  background-color: var(--bg-btn);
  border: none;
  color: var(--color-btn);
  align-items: center;
  align-self: start;
  border-radius: calc(var(--radius) * 2);
  cursor: pointer;
  display: inline-flex;
  font-weight: 500;
  justify-content: center;
  line-height: 1.1;
  min-height: 44px;
  min-width: 10rem;
  padding: 0.5em 1.5em;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }

button:not(.theme__btn):not(.nav-btn):hover,
button:not(.theme__btn):not(.nav-btn):focus,
.btn:focus,
.btn:hover {
  opacity: 0.85; }

pre {
  padding: 1.5rem;
  margin: 1.25rem 0;
  overflow-x: auto; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute; }

.screen-reader-text:focus {
  position: static;
  width: auto;
  height: auto; }

body {
  font: var(--font);
  line-height: 1;
  font-size: 1rem;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "pnum";
  font-variant-numeric: proportional-nums; }

h1,
.h1,
.site-title,
h2,
.h2,
h3,
.h3,
.single .post-date,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
li,
dl, dt,
table {
  font-family: var(--font-title);
  font-weight: 800;
  font-size: clamp(var(--min), var(--val), var(--max)); }

p,
li,
dl, dt,
table {
  font-family: var(--font);
  font-weight: 400; }

h1,
.h1 {
  --min: 2em;
  --val: 5vw;
  --max: 3em; }

h2,
.h2 {
  --min: 1.5em;
  /* minimum value */
  --val: 4vw;
  /* preferred value = 4% viewport width */
  --max: 2.25em;
  /* maximum value */ }

.site-title,
h3,
.h3 {
  --min: 1.35em;
  /* minimum value */
  --val: 3.5vw;
  /* preferred value = 3.5% viewport width */
  --max: 2em;
  /* maximum value */ }

h4,
.h4,
.single .post-date {
  --min: 1.25em;
  --val: 2.5vw;
  --max: 1.8em; }

h5,
.h5,
h6,
.h6 {
  --min: 1.25em;
  --val: 2.25vw;
  --max: 1.6em; }

.single .post-date {
  font-weight: 400; }

.content h1,
.content .h1,
.content h2,
.content .h2,
.content h3,
.content .h3,
.content h4,
.content .h4,
.content h5,
.content .h5,
.content h6,
.content .h6 {
  scroll-margin-top: 73px;
  margin-top: var(--gap);
  margin-bottom: calc(var(--gap) / 2); }

p,
li,
dl, dt,
table {
  --min: 1.25em;
  --val: 2vw;
  --max: 1.4em;
  line-height: 1.5;
  overflow-wrap: break-word;
  margin: calc(var(--gap)/3*2) 0; }

li,
dl, dt {
  margin: calc(var(--gap)/3) 0; }

dl {
  margin-bottom: 0; }

dt, dd {
  font-size: 1em; }

dt {
  font-weight: bold; }

dd {
  margin-left: 1em; }

table {
  margin: auto; }

p + p,
p + ol,
p + ul,
p + iframe {
  margin: calc(var(--gap) / 2) 0; }

pre {
  -webkit-font-smoothing: initial; }

.footnotes {
  font-size: 0.5rem;
  margin-top: 5em; }

.footnotes li,
.footnotes p {
  margin-top: 0;
  margin-bottom: 0; }

:root[data-theme="light"] {
  --bg-color: hsl(40, 37%, 89%);
  --bg-color-header: hsl(40, 37%, 89%);
  --bg-color-subheader: hsl(0, 0%, 19%);
  --bg-color-footer: hsl(220, 7%, 8%);
  --bg-quotes: hsl(40, 69%, 94%);
  --bg-inputs: hsl(40, 69%, 94%);
  --bg-menu-mobile: hsl(0, 0%, 7%);
  --bg-btn: hsl(307.2, 82%, 23.9%);
  --color: hsl(0, 0%, 22%);
  --color-header: hsl(0, 0%, 9%);
  --color-menu-mobile: hsl(0, 0%, 98%);
  --color-subheader: hsl(40, 37%, 89%);
  --color-footer: hsl(37, 12%, 71%);
  --color-btn: hsl(240, 82%, 98%);
  --accent-color: hsl(307.2, 82%, 23.9%);
  /* Background */
  /* Other */
  /* Error */
  /* LineTableTD */
  /* LineTable */
  /* LineHighlight */
  /* LineNumbersTable */
  /* LineNumbers */
  /* Keyword */
  /* KeywordConstant */
  /* KeywordDeclaration */
  /* KeywordNamespace */
  /* KeywordPseudo */
  /* KeywordReserved */
  /* KeywordType */
  /* Name */
  /* NameAttribute */
  /* NameBuiltin */
  /* NameBuiltinPseudo */
  /* NameClass */
  /* NameConstant */
  /* NameDecorator */
  /* NameEntity */
  /* NameException */
  /* NameFunction */
  /* NameFunctionMagic */
  /* NameLabel */
  /* NameNamespace */
  /* NameOther */
  /* NameProperty */
  /* NameTag */
  /* NameVariable */
  /* NameVariableClass */
  /* NameVariableGlobal */
  /* NameVariableInstance */
  /* NameVariableMagic */
  /* Literal */
  /* LiteralDate */
  /* LiteralString */
  /* LiteralStringAffix */
  /* LiteralStringBacktick */
  /* LiteralStringChar */
  /* LiteralStringDelimiter */
  /* LiteralStringDoc */
  /* LiteralStringDouble */
  /* LiteralStringEscape */
  /* LiteralStringHeredoc */
  /* LiteralStringInterpol */
  /* LiteralStringOther */
  /* LiteralStringRegex */
  /* LiteralStringSingle */
  /* LiteralStringSymbol */
  /* LiteralNumber */
  /* LiteralNumberBin */
  /* LiteralNumberFloat */
  /* LiteralNumberHex */
  /* LiteralNumberInteger */
  /* LiteralNumberIntegerLong */
  /* LiteralNumberOct */
  /* Operator */
  /* OperatorWord */
  /* Punctuation */
  /* Comment */
  /* CommentHashbang */
  /* CommentMultiline */
  /* CommentSingle */
  /* CommentSpecial */
  /* CommentPreproc */
  /* CommentPreprocFile */
  /* Generic */
  /* GenericDeleted */
  /* GenericEmph */
  /* GenericError */
  /* GenericHeading */
  /* GenericInserted */
  /* GenericOutput */
  /* GenericPrompt */
  /* GenericStrong */
  /* GenericSubheading */
  /* GenericTraceback */
  /* GenericUnderline */
  /* TextWhitespace */
  /* Footer logo */ }
  :root[data-theme="light"] .chroma {
    color: #282923;
    background-color: #fafafa; }
  :root[data-theme="light"] .chroma .err {
    color: #94004f;
    background-color: #1f0010; }
  :root[data-theme="light"] .chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0; }
  :root[data-theme="light"] .chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    overflow: auto;
    display: block; }
  :root[data-theme="light"] .chroma .hl {
    display: block;
    width: 100%;
    background-color: #ffffcc; }
  :root[data-theme="light"] .chroma .lnt {
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: gray; }
  :root[data-theme="light"] .chroma .ln {
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: gray; }
  :root[data-theme="light"] .chroma .k {
    color: #00a6c7; }
  :root[data-theme="light"] .chroma .kc {
    color: #00a6c7; }
  :root[data-theme="light"] .chroma .kd {
    color: #00a6c7; }
  :root[data-theme="light"] .chroma .kn {
    color: #f92472; }
  :root[data-theme="light"] .chroma .kp {
    color: #00a6c7; }
  :root[data-theme="light"] .chroma .kr {
    color: #00a6c7; }
  :root[data-theme="light"] .chroma .kt {
    color: #00a6c7; }
  :root[data-theme="light"] .chroma .n {
    color: #121212; }
  :root[data-theme="light"] .chroma .na {
    color: #74ad00; }
  :root[data-theme="light"] .chroma .nb {
    color: #121212; }
  :root[data-theme="light"] .chroma .bp {
    color: #121212; }
  :root[data-theme="light"] .chroma .nc {
    color: #74ad00; }
  :root[data-theme="light"] .chroma .no {
    color: #00a6c7; }
  :root[data-theme="light"] .chroma .nd {
    color: #74ad00; }
  :root[data-theme="light"] .chroma .ni {
    color: #121212; }
  :root[data-theme="light"] .chroma .ne {
    color: #74ad00; }
  :root[data-theme="light"] .chroma .nf {
    color: #74ad00; }
  :root[data-theme="light"] .chroma .fm {
    color: #121212; }
  :root[data-theme="light"] .chroma .nl {
    color: #121212; }
  :root[data-theme="light"] .chroma .nn {
    color: #121212; }
  :root[data-theme="light"] .chroma .nx {
    color: #74ad00; }
  :root[data-theme="light"] .chroma .py {
    color: #121212; }
  :root[data-theme="light"] .chroma .nt {
    color: #f92472; }
  :root[data-theme="light"] .chroma .nv {
    color: #121212; }
  :root[data-theme="light"] .chroma .vc {
    color: #121212; }
  :root[data-theme="light"] .chroma .vg {
    color: #121212; }
  :root[data-theme="light"] .chroma .vi {
    color: #121212; }
  :root[data-theme="light"] .chroma .vm {
    color: #121212; }
  :root[data-theme="light"] .chroma .l {
    color: #ac80ff; }
  :root[data-theme="light"] .chroma .ld {
    color: #d68100; }
  :root[data-theme="light"] .chroma .s {
    color: #d68100; }
  :root[data-theme="light"] .chroma .sa {
    color: #d68100; }
  :root[data-theme="light"] .chroma .sb {
    color: #d68100; }
  :root[data-theme="light"] .chroma .sc {
    color: #d68100; }
  :root[data-theme="light"] .chroma .dl {
    color: #d68100; }
  :root[data-theme="light"] .chroma .sd {
    color: #d68100; }
  :root[data-theme="light"] .chroma .s2 {
    color: #d68100; }
  :root[data-theme="light"] .chroma .se {
    color: #8247ff; }
  :root[data-theme="light"] .chroma .sh {
    color: #d68100; }
  :root[data-theme="light"] .chroma .si {
    color: #d68100; }
  :root[data-theme="light"] .chroma .sx {
    color: #d68100; }
  :root[data-theme="light"] .chroma .sr {
    color: #d68100; }
  :root[data-theme="light"] .chroma .s1 {
    color: #d68100; }
  :root[data-theme="light"] .chroma .ss {
    color: #d68100; }
  :root[data-theme="light"] .chroma .m {
    color: #ac80ff; }
  :root[data-theme="light"] .chroma .mb {
    color: #ac80ff; }
  :root[data-theme="light"] .chroma .mf {
    color: #ac80ff; }
  :root[data-theme="light"] .chroma .mh {
    color: #ac80ff; }
  :root[data-theme="light"] .chroma .mi {
    color: #ac80ff; }
  :root[data-theme="light"] .chroma .il {
    color: #ac80ff; }
  :root[data-theme="light"] .chroma .mo {
    color: #ac80ff; }
  :root[data-theme="light"] .chroma .o {
    color: #f92472; }
  :root[data-theme="light"] .chroma .ow {
    color: #f92472; }
  :root[data-theme="light"] .chroma .p {
    color: #121212; }
  :root[data-theme="light"] .chroma .c {
    color: #74705d; }
  :root[data-theme="light"] .chroma .ch {
    color: #74705d; }
  :root[data-theme="light"] .chroma .cm {
    color: #74705d; }
  :root[data-theme="light"] .chroma .c1 {
    color: #74705d; }
  :root[data-theme="light"] .chroma .cs {
    color: #74705d; }
  :root[data-theme="light"] .chroma .cp {
    color: #74705d; }
  :root[data-theme="light"] .chroma .cpf {
    color: #74705d; }
  :root[data-theme="light"] .chroma .ge {
    font-style: italic; }
  :root[data-theme="light"] .chroma .gs {
    font-weight: bold; }
  :root[data-theme="light"] .site-footer .logo {
    filter: invert(0.7); }

:root[data-theme="dark"] {
  --bg-color: hsl(216, 10%, 10%);
  --bg-color-header: hsl(216, 10%, 10%);
  --bg-color-subheader: hsl(220, 7%, 17%);
  --bg-color-footer: hsl(220, 7%, 8%);
  --bg-quotes: hsl(218, 15%, 14%);
  --bg-inputs: hsl(218, 15%, 14%);
  --bg-menu-mobile: hsl(180, 4%, 5%);
  --bg-btn: hsl(180, 50%, 43.7%);
  --color: hsl(0, 0%, 79%);
  --color-header: hsl(24, 9%, 78%);
  --color-menu-mobile: hsl(0, 0%, 98%);
  --color-subheader: hsl(27, 24%, 91%);
  --color-footer: hsl(27, 12%, 71%);
  --color-btn: hsl(240, 3%, 7%);
  --accent-color: hsl(180, 50%, 43.7%);
  /*.content p,
	.content li {
		line-height: 2;
	}*/
  /* Background */
  /* Other */
  /* Error */
  /* LineTableTD */
  /* LineTable */
  /* LineHighlight */
  /* LineNumbersTable */
  /* LineNumbers */
  /* Keyword */
  /* KeywordConstant */
  /* KeywordDeclaration */
  /* KeywordNamespace */
  /* KeywordPseudo */
  /* KeywordReserved */
  /* KeywordType */
  /* Name */
  /* NameAttribute */
  /* NameBuiltin */
  /* NameBuiltinPseudo */
  /* NameClass */
  /* NameConstant */
  /* NameDecorator */
  /* NameEntity */
  /* NameException */
  /* NameFunction */
  /* NameFunctionMagic */
  /* NameLabel */
  /* NameNamespace */
  /* NameOther */
  /* NameProperty */
  /* NameTag */
  /* NameVariable */
  /* NameVariableClass */
  /* NameVariableGlobal */
  /* NameVariableInstance */
  /* NameVariableMagic */
  /* Literal */
  /* LiteralDate */
  /* LiteralString */
  /* LiteralStringAffix */
  /* LiteralStringBacktick */
  /* LiteralStringChar */
  /* LiteralStringDelimiter */
  /* LiteralStringDoc */
  /* LiteralStringDouble */
  /* LiteralStringEscape */
  /* LiteralStringHeredoc */
  /* LiteralStringInterpol */
  /* LiteralStringOther */
  /* LiteralStringRegex */
  /* LiteralStringSingle */
  /* LiteralStringSymbol */
  /* LiteralNumber */
  /* LiteralNumberBin */
  /* LiteralNumberFloat */
  /* LiteralNumberHex */
  /* LiteralNumberInteger */
  /* LiteralNumberIntegerLong */
  /* LiteralNumberOct */
  /* Operator */
  /* OperatorWord */
  /* Punctuation */
  /* Comment */
  /* CommentHashbang */
  /* CommentMultiline */
  /* CommentSingle */
  /* CommentSpecial */
  /* CommentPreproc */
  /* CommentPreprocFile */
  /* Generic */
  /* GenericDeleted */
  /* GenericEmph */
  /* GenericError */
  /* GenericHeading */
  /* GenericInserted */
  /* GenericOutput */
  /* GenericPrompt */
  /* GenericStrong */
  /* GenericSubheading */
  /* GenericTraceback */
  /* GenericUnderline */
  /* TextWhitespace */
  /* Footer logo */ }
  :root[data-theme="dark"] img,
  :root[data-theme="dark"] .subheader {
    filter: brightness(0.8); }
  :root[data-theme="dark"] .chroma {
    color: #f8f8f2;
    background-color: #272935; }
  :root[data-theme="dark"] .chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0; }
  :root[data-theme="dark"] .chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    overflow: auto;
    display: block; }
  :root[data-theme="dark"] .chroma .hl {
    display: block;
    width: 100%;
    background-color: #ffffcc; }
  :root[data-theme="dark"] .chroma .lnt {
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: gray; }
  :root[data-theme="dark"] .chroma .ln {
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: gray; }
  :root[data-theme="dark"] .chroma .k {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .kc {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .kd {
    color: #8be8fd;
    font-style: italic; }
  :root[data-theme="dark"] .chroma .kn {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .kp {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .kr {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .kt {
    color: #8be8fd; }
  :root[data-theme="dark"] .chroma .na {
    color: #52fa7c; }
  :root[data-theme="dark"] .chroma .nb {
    color: #8be8fd;
    font-style: italic; }
  :root[data-theme="dark"] .chroma .nc {
    color: #52fa7c; }
  :root[data-theme="dark"] .chroma .nf {
    color: #52fa7c; }
  :root[data-theme="dark"] .chroma .nl {
    color: #8be8fd;
    font-style: italic; }
  :root[data-theme="dark"] .chroma .nt {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .nv {
    color: #8be8fd;
    font-style: italic; }
  :root[data-theme="dark"] .chroma .vc {
    color: #8be8fd;
    font-style: italic; }
  :root[data-theme="dark"] .chroma .vg {
    color: #8be8fd;
    font-style: italic; }
  :root[data-theme="dark"] .chroma .vi {
    color: #8be8fd;
    font-style: italic; }
  :root[data-theme="dark"] .chroma .s {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .sa {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .sb {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .sc {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .dl {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .sd {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .s2 {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .se {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .sh {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .si {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .sx {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .sr {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .s1 {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .ss {
    color: #f1fa89; }
  :root[data-theme="dark"] .chroma .m {
    color: #bf95f9; }
  :root[data-theme="dark"] .chroma .mb {
    color: #bf95f9; }
  :root[data-theme="dark"] .chroma .mf {
    color: #bf95f9; }
  :root[data-theme="dark"] .chroma .mh {
    color: #bf95f9; }
  :root[data-theme="dark"] .chroma .mi {
    color: #bf95f9; }
  :root[data-theme="dark"] .chroma .il {
    color: #bf95f9; }
  :root[data-theme="dark"] .chroma .mo {
    color: #bf95f9; }
  :root[data-theme="dark"] .chroma .o {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .ow {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .c {
    color: #6071a4; }
  :root[data-theme="dark"] .chroma .ch {
    color: #6071a4; }
  :root[data-theme="dark"] .chroma .cm {
    color: #6071a4; }
  :root[data-theme="dark"] .chroma .c1 {
    color: #6071a4; }
  :root[data-theme="dark"] .chroma .cs {
    color: #6071a4; }
  :root[data-theme="dark"] .chroma .cp {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .cpf {
    color: #ff7ac6; }
  :root[data-theme="dark"] .chroma .gd {
    color: #ff5757; }
  :root[data-theme="dark"] .chroma .ge {
    text-decoration: underline; }
  :root[data-theme="dark"] .chroma .gh {
    font-weight: bold; }
  :root[data-theme="dark"] .chroma .gi {
    color: #52fa7c;
    font-weight: bold; }
  :root[data-theme="dark"] .chroma .go {
    color: #44475a; }
  :root[data-theme="dark"] .chroma .gu {
    font-weight: bold; }
  :root[data-theme="dark"] .chroma .gl {
    text-decoration: underline; }
  :root[data-theme="dark"] .site-footer .logo {
    filter: invert(1); }

.contact-form p {
  margin: 0; }

.contact-form p + p {
  margin-top: 1rem; }

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width: 100%;
  padding: 0.7rem;
  border: 0;
  border: 1px solid var(--color-footer);
  outline-color: var(--accent-color);
  background: var(--bg-inputs);
  color: var(--color);
  border-radius: calc(var(--radius)/4);
  box-sizing: border-box;
  margin-top: .6rem;
  margin-bottom: 1rem; }

.contact-form textarea {
  min-height: 14rem;
  resize: vertical; }

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--gap) / 2); }
  .pagination .page-item {
    min-width: auto;
    font-weight: bold; }
    .pagination .page-item.active a {
      color: var(--color);
      background-image: none; }

/*
 * dark mode
 * * *******/
:root[data-theme="light"] .light--hidden {
  display: none; }

:root[data-theme="dark"] .dark--hidden {
  display: none; }

.theme__btn {
  margin: 0;
  margin-right: var(--gap);
  padding: 0;
  cursor: pointer;
  appearance: none;
  background: transparent;
  border: 0; }

.theme__btn svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: var(--accent-color);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px; }

.theme__btn:hover svg,
.theme__btn:focus svg,
.theme__btn:focus {
  outline: none;
  stroke: var(--accent-color);
  fill: var(--accent-color); }

/*
	* header
	* * *******/
.site-header {
  background-color: var(--bg-color-header);
  color: var(--color-header);
  padding: calc(var(--gap) / 2) var(--gap); }
  .site-header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    gap: var(--gap);
    max-width: var(--header-width); }
  .site-header .site-title {
    margin: 0;
    padding: 0; }
    .site-header .site-title a {
      color: var(--color-header);
      display: block;
      background-image: none;
      line-height: 1.55;
      text-decoration: none;
      font-weight: 900; }
      .site-header .site-title a:hover {
        color: var(--accent-color); }

.subheader {
  height: 82vh;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  color: var(--color-subheader);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  resize: both;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%); }
  .subheader .title-container {
    margin: 0 auto;
    margin-top: 5em;
    padding: 1.5rem;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 0.5rem;
    color: var(--color-subheader); }
  .subheader .post-title + time {
    display: block;
    margin-top: 1rem; }

/*
* nav menu
* * *******/
.nav-btn {
  height: 36px;
  width: 36px;
  border: 0;
  cursor: pointer; }
  .nav-btn svg {
    stroke: var(--accent-color); }

.site-nav {
  padding: 0 1rem;
  display: flex;
  font-size: 0.9rem; }
  .site-nav .site-menu {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch; }
    .site-nav .site-menu li + li {
      margin-left: 2rem; }
    .site-nav .site-menu a {
      border: 0;
      text-decoration: none;
      color: var(--color-header);
      text-transform: uppercase;
      font-weight: 900; }
      .site-nav .site-menu a[aria-current="page"], .site-nav .site-menu a:focus, .site-nav .site-menu a:hover {
        color: var(--accent-color); }

/*
	 * main content
	 * * *******/
.subtext {
  margin-bottom: var(--gap); }

.site-main {
  background-color: var(--bg-color);
  color: var(--color); }

.content {
  min-height: 30vh;
  max-width: var(--main-width);
  margin: auto;
  padding: calc(var(--gap) / 2); }

/*
	 * lists
	 * * *******/
.post-date {
  opacity: 0.75; }

.home .post-item:first-child {
  border-top: 2px dashed var(--color); }

.post-item {
  margin: 0;
  padding-top: var(--gap);
  border-bottom: 2px dashed var(--color); }
  .post-item .post-link {
    margin-top: 0; }
  .post-item .post-date {
    margin-top: 1rem;
    display: block; }

/*
	 * footer
	 * * *******/
.site-footer {
  opacity: 0.85;
  margin-top: var(--gap);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-footer);
  background-color: var(--bg-color-footer);
  text-align: center;
  padding: calc(var(--gap) / 2); }
  .site-footer .copyright {
    margin: 0; }
  .site-footer .logo {
    max-height: 2em;
    margin-left: 1em; }

/*
	 * icons
	 * * *******/
.social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--gap) / 3); }

.icon {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 36px;
  height: 36px; }

.icon:hover,
.icon:focus {
  opacity: 0.85; }

/*
	 * media queries
	 * * *******/
@media (prefers-reduced-motion: no-preference) {
  body {
    --duration: 0.5s;
    --timing: ease;
    transition: color var(--duration) var(--timing), background-color var(--duration) var(--timing); }
  a:hover,
  a:focus,
  .icon:hover,
  .icon:focus {
    transition: 0.5s; }
  button:not(.theme__btn):hover,
  button:not(.theme__btn):focus,
  .btn:focus,
  .btn:hover {
    transition: all 0.18s ease-in-out;
    transform: translateY(-2px); }
  .icon:hover,
  .icon:focus {
    transform: scale(1.3, 1.3); }
  .content a:not(.btn) {
    text-decoration: none;
    background-image: linear-gradient(to top, transparent, transparent 0, currentColor 0, currentColor 1px, transparent 1px);
    word-wrap: break-word; }
  .content a:focus,
  .content a:hover {
    background-image: none; }
  .slide {
    opacity: 0;
    animation: fade-slide-down 2s 0.5s cubic-bezier(0, 0.5, 0, 1) forwards; }
  .slide-invert {
    opacity: 0;
    animation: fade-slide-up 2s 0.5s cubic-bezier(0, 0.5, 0, 1) forwards; }
  .slide-horizontal {
    opacity: 0;
    animation: fade-slide-left 2s 0.5s cubic-bezier(0, 0.5, 0, 1) forwards; }
  .slide-horizontal-invert {
    opacity: 0;
    animation: fade-slide-right 2s 0.5s cubic-bezier(0, 0.5, 0, 1) forwards; }
  @keyframes fade-slide-down {
    0% {
      opacity: 0;
      transform: translateY(-4rem); }
    100% {
      opacity: 1;
      transform: none; } }
  @keyframes fade-slide-up {
    0% {
      opacity: 0;
      transform: translateY(4rem); }
    100% {
      opacity: 1;
      transform: none; } }
  @keyframes fade-slide-left {
    0% {
      opacity: 0;
      transform: translateX(4rem); }
    100% {
      opacity: 1;
      transform: none; } }
  @keyframes fade-slide-right {
    0% {
      opacity: 0;
      transform: translateX(-4rem); }
    100% {
      opacity: 1;
      transform: none; } } }

@media screen and (max-width: 1024px) {
  .hide-mobile {
    display: none; }
  .site-header .inner {
    display: block; }
  .site-header .site-title a {
    display: inline-block; }
  .site-nav {
    margin: 0;
    margin-top: var(--gap);
    padding: 0;
    animation: none;
    transform: none;
    position: fixed;
    right: 0;
    top: calc(1px + 2rem);
    padding: calc(var(--gap) / 2);
    width: 70vw;
    max-width: 500px;
    z-index: 101;
    min-height: 75vh;
    border-radius: var(--radius) 0 0 var(--radius);
    background-color: var(--bg-menu-mobile);
    transition: all 0.25s linear;
    display: block;
    opacity: 0;
    text-align: end;
    transform: translateX(100%);
    will-change: opacity, transform; }
    .site-nav li {
      margin: 0; }
  .nav-btn {
    position: absolute;
    top: 2rem;
    right: 2rem; }
  #check-menu:checked ~ .site-nav {
    opacity: 1;
    transform: translateX(0); }
  .site-nav .site-menu {
    width: 100%;
    flex-direction: column; }
    .site-nav .site-menu a {
      color: var(--color-menu-mobile); }
  .site-nav .site-menu > li,
  .site-nav .site-menu > li + li {
    margin: 0.75rem 0;
    width: 100%; }
  .theme__btn {
    margin: 0; }
  .subheader {
    background-attachment: unset; }
    .subheader .post-title,
    .subheader .post-date {
      text-align: center;
      width: auto; }
  .welcome-btn-container {
    text-align: center; }
  .copyright {
    margin-bottom: 1.5rem; } }

@media screen and (min-width: 1024px) {
  .hide-desktop {
    display: none; } }

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