/*!
 * 17syllables v1.0.0
 * A haiku year
 * (c) 2020 James Robinson
 *  License
 * https://gitlab.com/jmr-personal/17syllables
 */

@charset "UTF-8";
/* spectral-300 - latin */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 300;
  src: local("Spectral Light"), local("Spectral-Light"), url("../fonts/spectral-v5-latin-300.woff2") format("woff2"), url("../fonts/spectral-v5-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* line 3, src/sass/_normalize.scss */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* line 9, src/sass/_normalize.scss */
body {
  margin: 0;
}

/* line 13, src/sass/_normalize.scss */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/* line 22, src/sass/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 27, src/sass/_normalize.scss */
figcaption,
figure,
main {
  display: block;
}

/* line 33, src/sass/_normalize.scss */
figure {
  margin: 0;
}

/* line 37, src/sass/_normalize.scss */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* line 43, src/sass/_normalize.scss */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 48, src/sass/_normalize.scss */
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

/* line 53, src/sass/_normalize.scss */
a:active,
a:hover {
  outline-width: 0;
}

/* line 58, src/sass/_normalize.scss */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/* line 64, src/sass/_normalize.scss */
b,
strong {
  font-weight: inherit;
}

/* line 69, src/sass/_normalize.scss */
b,
strong {
  font-weight: bolder;
}

/* line 74, src/sass/_normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 81, src/sass/_normalize.scss */
dfn {
  font-style: italic;
}

/* line 85, src/sass/_normalize.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/* line 90, src/sass/_normalize.scss */
small {
  font-size: 80%;
}

/* line 94, src/sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 102, src/sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 106, src/sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 110, src/sass/_normalize.scss */
audio,
video {
  display: inline-block;
}

/* line 115, src/sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 120, src/sass/_normalize.scss */
img {
  border-style: none;
}

/* line 124, src/sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 128, src/sass/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: Spectral, Charter, Minion Pro, Minion Pro Medium, Hoefler Text, Baskerville, Cambria, serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/* line 139, src/sass/_normalize.scss */
button,
input {
  overflow: visible;
}

/* line 144, src/sass/_normalize.scss */
button,
select {
  text-transform: none;
}

/* line 149, src/sass/_normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* line 156, src/sass/_normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 164, src/sass/_normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 171, src/sass/_normalize.scss */
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* line 177, src/sass/_normalize.scss */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* line 186, src/sass/_normalize.scss */
progress {
  display: inline-block;
  vertical-align: baseline;
}

/* line 191, src/sass/_normalize.scss */
textarea {
  overflow: auto;
}

/* line 195, src/sass/_normalize.scss */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

/* line 201, src/sass/_normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 206, src/sass/_normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* line 211, src/sass/_normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 216, src/sass/_normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* line 221, src/sass/_normalize.scss */
details,
menu {
  display: block;
}

/* line 226, src/sass/_normalize.scss */
summary {
  display: list-item;
}

/* line 230, src/sass/_normalize.scss */
canvas {
  display: inline-block;
}

/* line 234, src/sass/_normalize.scss */
template {
  display: none;
}

/* line 238, src/sass/_normalize.scss */
[hidden] {
  display: none;
}

/*! normalize-opentype.css v0.2.4 | MIT License | kennethormandy.com/journal/normalize-opentype-css */
/**
 * 1. Inherit style issues with custom selections, per robsterlini.co.uk/journal/opentype-and-selection-dont-mix
 * 2. Turn on kerning, standard ligatures, and proportional, oldstyle numerals
 *    Turn off all other ligatures, tabular, lining numerals, and alternates
      Uses same settings for tables
 * 3. Hard-codes fallback text selection for issue #18, color is Chrome’s per via http://stackoverflow.com/a/16094931/864799
 */
/* line 11, src/sass/_normalize-opentype.scss */
::-moz-selection {
  color: inherit;
  /* 1. */
  text-shadow: inherit;
  /* 2. */
  background-color: #ACCEF7;
  /* 3. */
}
::selection {
  color: inherit;
  /* 1. */
  text-shadow: inherit;
  /* 2. */
  background-color: #ACCEF7;
  /* 3. */
}

/* line 17, src/sass/_normalize-opentype.scss */
html,
body,
table {
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
          font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
  /* 2. */
}

/* Headings
========================================================================== */
/**
 * 1. Turn on discretionary ligatures for larger headings
 */
/* line 30, src/sass/_normalize-opentype.scss */
h1,
h2,
h3 {
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;
          font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;
  /* 1. */
}

/* Text-level semantics
========================================================================== */
/**
 * 1. Change all letters to uppercase
 * 2. Turn on small caps for upper and lowercase letters
 */
/* line 44, src/sass/_normalize-opentype.scss */
abbr {
  text-transform: uppercase;
  /* 1 */
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;
          font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;
  /* 2 */
}

/*
 * TODO: Turn on diagonal fractions where appropriate
 */
/* line 53, src/sass/_normalize-opentype.scss */
time {
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0;
          font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0;
}

/*
 * 1. Turn off kerning and ligatures,
 *    Turn on lining, tabular numerals, slashed zero
 */
/* line 62, src/sass/_normalize-opentype.scss */
pre,
kbd,
samp,
code {
  -webkit-font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
          font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
  /* 1. */
}

/**
 * 1. Turn on proper supercript numerals
 */
/* line 82, src/sass/_normalize-opentype.scss */
sup {
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1;
          font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1;
  /* 1. */
}

/**
 * 1. Turn on proper subscript numerals
 */
/* line 90, src/sass/_normalize-opentype.scss */
sub {
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1;
          font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1;
  /* 1. */
}

/* Grouping content
========================================================================== */
/**
 * TODO: Adds proper bullets
 */
/*
 * TODO:
 * 1. Adds counters for lists
 * 2. Use proper numerals for lists
 */
/**
 * Adds proper small caps
 */
/**
 * TODO: scmp, sc2c, pnum, case sensitive forms for postal codes
 */
/* Forms
========================================================================== */
/**
 * 1. Turns on lining, proportional numerals without clarified zeroes
 * TODO: Additional input modes https://developer.mozilla.org/en/docs/Web/HTML/Element/Input#attr-inputmode
 */
/* line 148, src/sass/_normalize-opentype.scss */
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="week"] {
  -webkit-font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0;
          font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0;
  /* 1. */
}

/* Localisation
========================================================================== */
/* Tables
========================================================================== */
/**
 * 1. Turns on tabular, lining numerals and slashed zero
 */
/* line 224, src/sass/_normalize-opentype.scss */
tbody,
caption {
  -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
          font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
  /* 1. */
}

/* ==========================  FURNITURE =============================================================================+ */
@-ms-viewport {
  zoom: 1.0;
  width: device-width;
}
@-o-viewport {
  zoom: 1.0;
  width: device-width;
}
@viewport {
  zoom: 1.0;
  width: device-width;
}

/* line 17, src/sass/style.scss */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 21, src/sass/style.scss */
html {
  font: 300 normal 1em/1.4 Spectral, Charter, Minion Pro, Minion Pro Medium, Hoefler Text, Baskerville, Cambria, serif;
  font-size: calc(1em + 1vw);
}

/* line 26, src/sass/style.scss */
body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #feffff;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  padding: 1em;
}

/* line 37, src/sass/style.scss */
[lang="jp"] {
  font-family: 'Noto Serif JP', sans-serif;
  font-size: 0.8em;
  letter-spacing: 0.2em;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}

/* line 44, src/sass/style.scss */
h1 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #2f5885;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  font-weight: 300;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* line 57, src/sass/style.scss */
#area {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

/* line 63, src/sass/style.scss */
p {
  color: #282b3b;
  contain: layout;
  margin: 0;
  padding: 0;
}

/* line 70, src/sass/style.scss */
nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
  margin-bottom: 4em;
  padding: 0;
  width: 100%;
  z-index: 1;
}

/* line 82, src/sass/style.scss */
time {
  contain: layout;
  color: #999;
  outline-width: 0;
  text-align: center;
}

/* line 89, src/sass/style.scss */
button {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-width: 0;
  padding: 0;
}

/* line 96, src/sass/style.scss */
button svg {
  display: block;
  height: 1em;
  width: 1em;
}

/* line 101, src/sass/style.scss */
button svg path {
  fill: #999;
}

/* line 107, src/sass/style.scss */
button:hover svg path {
  fill: currentColor;
}

@media only screen and (min-width: 980px) {
  /* line 120, src/sass/style.scss */
  #area {
    font-size: 1.2em;
  }
  /* line 124, src/sass/style.scss */
  nav {
    margin: 0;
  }
}

@media only screen and (min-width: 1400px) {
  /* line 131, src/sass/style.scss */
  #area {
    font-size: 1.4em;
  }
}