@charset "UTF-8";
/* captured on 2022-04-08 from https://necolas.github.io/normalize.css/latest/normalize.css */
/*! 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 {
  -webkit-box-sizing: content-box;
          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 */
  -webkit-text-decoration: underline dotted;
  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 {
  -webkit-box-sizing: border-box;
          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] {
  -webkit-box-sizing: border-box;
          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;
}

/* # CSS RESET
--------------------------------------------------------------------------------------- */
/* captured on 2022-04-08 from https://elad.medium.com/normalize-css-or-css-reset-9d75175c5d1e */
/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
/* *,
*::before,
*::after{
    box-sizing: border-box;
} */
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

ul,
ol,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}

/* # STUDIOPRESS SAMPLE CHILD THEME
--------------------------------------------------------------------------------------- */
/* ## Box Sizing
------------------------------------------ */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* ## Float Clearing
------------------------------------------ */
.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
  content: " ";
  display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
  clear: both;
  content: " ";
  display: table;
}

/* ## Typography
------------------------------------------ */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}

/* # READABLE GOLDILOCKS RESET
--------------------------------------------------------------------------------------- */
/* Combining the Goldilocks Approach - https://codepen.io/bburton/pen/XWaYjv - and the Readability-First Approach - https://webdesign.tutsplus.com/articles/a-readability-first-approach-to-media-queries-and-layout--cms-19419 */
/* Body fonts should aim for 63-81 characters per line */
html {
  font-size: 100%;
}

/* # PERSONAL RESET
--------------------------------------------------------------------------------------- */
a:visited {
  color: inherit;
}

blockquote {
  margin: 0;
}

.grecaptcha-badge {
  display: none !important;
}

/* ----------------------------- END OF NORMALIZE & RESET ----------------------------- */
:root {
  --clr-pri-200: rgb(199, 204, 219);
  --clr-pri-200-35: rgba(199, 204, 219, 0.35);
  --clr-pri-200-50: rgba(199, 204, 219, 0.50);
  --clr-pri-200-65: rgba(199, 204, 219, 0.65);
  --clr-pri-200-85: rgba(199, 204, 219, 0.85);
  --clr-pri-400: rgb(131, 142, 175);
  --clr-pri-400-35: rgba(131, 142, 175, 0.35);
  --clr-pri-400-50: rgba(131, 142, 175, 0.50);
  --clr-pri-400-65: rgba(131, 142, 175, 0.65);
  --gry-900: rgb(10, 21, 31);
  --gry-900-85: rgba(10, 21, 31, 0.85);
  --gry-900-925: rgba(10, 21, 31, 0.925);
  --gry-700: rgb(65, 71, 86);
  --gry-700-20: rgba(65, 71, 86, 0.20);
  --gry-700-50: rgba(65, 71, 86, 0.50);
  --gry-100: rgb(243, 244, 247);
  --gry-100-50: rgba(243, 244, 247, 0.50);
  --gry-100-85: rgba(243, 244, 247, 0.85);
  --gry-100-925: rgba(243, 244, 247, 0.925);
  --ff-pri: karmina-sans, trade-gothic-next, "Alegreya Sans", Helvetica, sans-serif;
  --ff-acc: decoy, bree-serif, "Arima Madurai", serif;
  --padding-100: 0.15em 0.375em;
  --padding-400: 0.375em 0.75em;
  --padding-600: 0.5em 1.125em;
  --padding-800: 0.75em 1.5em;
  --bdr-sz-100: 0.1em;
  --bdr-sz-200: 0.1em;
  --bdr-sz-400: 0.05em;
  --bdr-clr-100: var(--gry-700-50);
  --bdr-clr-400: var(--clr-pri-400);
  --bdr-clr-900: var(--gry-700);
  --bdr-100: var(--bdr-sz-100) solid var(--bdr-clr-100);
  --bdr-400: var(--bdr-sz-400) solid var(--bdr-clr-400);
  --bdr-900: var(--bdr-sz-200) solid var(--bdr-clr-900);
  --lh-base: 1.5;
  --lh-list: 1.3;
  --lh-cond: 1.2;
  --lh-head: 1.2;
  --transition-time: 0.5s;
  --transition-time-quick: 0.25s;
  --transition-time-ext: 1s;
  --transitions: all var(--transition-time) ease-in-out;
  --star-bg-img: url("/assets/svg/background.svg");
  --star-bg-siz: auto 2000px;
  --star-bg-pos: center;
  --star-bg-rep: no-repeat;
  --star-bg-att: fixed;
  --star-bg-fil: grayscale(50%);
  /*
  background-image: var(--star-bg-img);
  background-size: var(--star-bg-siz);
  background-position: var(--star-bg-pos);
  background-repeat: var(--star-bg-rep);
  background-attachment: var(--star-bg-att);
  filter: var(--star-bg-fil);
  */
}

@media screen and (max-height: 3000px) and (max-width: 7000px) {
  body {
    --star-bg-siz: auto 3300px;
  }
}
@media screen and (max-height: 2500px) and (max-width: 5800px) {
  body {
    --star-bg-siz: auto 2750px;
  }
}
@media screen and (max-height: 2000px) and (max-width: 4660px) {
  body {
    --star-bg-siz: auto 2200px;
  }
}
@media screen and (max-height: 1500px) and (max-width: 3500px) {
  body {
    --star-bg-siz: auto 1650px;
  }
}
@media screen and (max-height: 1200px) and (max-width: 2800px) {
  body {
    --star-bg-siz: auto 1320px;
  }
}
@media screen and (max-height: 1000px) and (max-width: 2330px) {
  body {
    --star-bg-siz: auto 1100px;
  }
}
@media screen and (max-height: 800px) and (max-width: 1860px) {
  body {
    --star-bg-siz: auto 880px;
  }
}
@media screen and (max-height: 600px) and (max-width: 1400px) {
  body {
    --star-bg-siz: auto 660px;
  }
}
/* Safari 11+ */
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (-o-min-device-pixel-ratio: 0/1), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    body {
      --star-bg-siz: auto 2000px;
    }
  }
}
/* Safari 10.1 */
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (-o-min-device-pixel-ratio: 0/1), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (not (stroke-color: transparent)) {
    body {
      --star-bg-siz: auto 2000px;
    }
  }
}
body {
  --clr-bg: var(--gry-900);
  --clr-bg-85: var(--gry-900-85);
  --clr-bg-925: var(--gry-900-925);
  --clr-text: var(--clr-pri-200);
  --clr-text-35: var(--clr-pri-200-35);
  --clr-text-50: var(--clr-pri-200-50);
  --clr-text-65: var(--clr-pri-200-65);
  --clr-text-85: var(--clr-pri-200-85);
  --clr-hdg-100: var(--gry-100);
  --clr-hdg-100-85: var(--gry-100-85);
  --clr-hdg-100-925: var(--gry-100-925);
  --clr-sub-400: var(--clr-pri-400);
  --clr-links: var(--clr-pri-400);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-in {
  -webkit-animation: fadeIn 1s forwards;
          animation: fadeIn 1s forwards;
  -webkit-animation: fadeIn var(--transition-time-ext) forwards;
          animation: fadeIn var(--transition-time-ext) forwards;
}

*[fading] {
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
  -webkit-animation: fadeOut var(--transition-time-ext) forwards;
          animation: fadeOut var(--transition-time-ext) forwards;
}

*[faded] {
  display: none;
}

@-webkit-keyframes bgFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}

@keyframes bgFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
::-moz-selection {
  background-color: rgb(131, 142, 175);
  background-color: var(--clr-pri-400);
  background-color: rgba(131, 142, 175, 0.50);
  background-color: var(--clr-pri-400-50);
  color: inherit;
}
::selection {
  background-color: rgb(131, 142, 175);
  background-color: var(--clr-pri-400);
  background-color: rgba(131, 142, 175, 0.50);
  background-color: var(--clr-pri-400-50);
  color: inherit;
}

* {
  color: var(--clr-text);
}

body {
  margin: auto;
  height: 100%;
  background-color: var(--clr-bg);
  background-image: url("/assets/svg/background.svg");
  background-image: var(--star-bg-img);
  background-size: auto 2000px;
  background-size: var(--star-bg-siz);
  background-position: center;
  background-position: var(--star-bg-pos);
  background-repeat: no-repeat;
  background-repeat: var(--star-bg-rep);
  background-attachment: fixed;
  background-attachment: var(--star-bg-att);
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
  -webkit-filter: var(--star-bg-fil);
          filter: var(--star-bg-fil);
}

.background-image {
  display: block;
  position: fixed;
  width: 100%;
  height: 110%;
  top: -5%;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: var(--transitions);
  -o-transition: var(--transitions);
  transition: var(--transitions);
  background-image: url("/assets/svg/background.svg");
  background-image: var(--star-bg-img);
  background-size: auto 2000px;
  background-size: var(--star-bg-siz);
  background-position: center;
  background-position: var(--star-bg-pos);
  background-repeat: no-repeat;
  background-repeat: var(--star-bg-rep);
  background-attachment: fixed;
  background-attachment: var(--star-bg-att);
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
  -webkit-filter: var(--star-bg-fil);
          filter: var(--star-bg-fil);
}

.background-image img {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
}

#page-wrap {
  opacity: 0;
}

.page-main {
  margin: auto;
  padding: 0 2em;
  max-width: 44em;
}

hr {
  display: block;
  border: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
}

hr::before {
  content: "✦✦✦";
  display: inline-block;
  font-size: 0.875em;
  color: var(--clr-text);
  opacity: 0.75;
  letter-spacing: 4em;
  padding-left: 4em;
  text-shadow: 0 0 0.5em var(--clr-text-85);
}

img,
svg {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

html {
  font-size: 100%;
}

body {
  font-family: karmina-sans, trade-gothic-next, "Alegreya Sans", Helvetica, sans-serif;
  font-family: var(--ff-pri);
  font-size: 140%;
  line-height: 1.5;
  line-height: var(--lh-base);
  text-shadow: 0 0 0.25em var(--clr-text-50);
}

p {
  margin: 1em 0;
}

em, i {
  font-weight: 600;
  font-style: italic;
  text-shadow: 0 0 0.5em var(--clr-text-65);
}

strong, b {
  font-weight: 700;
  font-weight: 600;
  text-shadow: 0 0 0.5em var(--clr-text-65);
}

strong em,
strong i,
b em,
b i,
em strong,
i strong,
em b,
i b {
  font-weight: 700;
}

a {
  text-decoration: underline;
  -webkit-text-decoration-color: rgb(131, 142, 175);
          text-decoration-color: rgb(131, 142, 175);
  -webkit-text-decoration-color: var(--clr-pri-400);
          text-decoration-color: var(--clr-pri-400);
  text-underline-offset: 0.25em;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: var(--transitions);
  -o-transition: var(--transitions);
  transition: var(--transitions);
  text-shadow: 0 0 0.5em var(--clr-text-65);
}

a:hover,
a:focus {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-shadow: inherit inherit inherit transparent;
  color: rgb(131, 142, 175);
  color: var(--clr-pri-400);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 1.5em 0 1em;
  font-family: decoy, bree-serif, "Arima Madurai", serif;
  font-family: var(--ff-acc);
  font-weight: bold;
  line-height: 1.2;
  line-height: var(--lh-head);
  text-shadow: 0 0 0.5em var(--clr-text-65);
}

h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
  text-shadow: inherit;
}

h1, .h1 {
  font-size: 1.5em;
  font-weight: 800;
  letter-spacing: 0.025em;
}

h1.site-title,
h1.main-title {
  --clr-text: var(--clr-hdg-100-925);
}

h2, .h2 {
  font-size: 1.3em;
  font-weight: 700;
}

h3, .h3 {
  font-size: 1.15em;
  font-weight: 700;
}

h4, .h4 {
  font-size: 1.15em;
  font-weight: 700;
  font-style: italic;
}

h5, .h5 {
  font-weight: 700;
  font-style: italic;
}

h6, .h6 {
  font-weight: 500;
  font-size: 0.95em;
  font-style: italic;
}

:focus,
.primary-nav-toggle:focus ~ .primary-nav-toggle-label {
  outline: rgb(131, 142, 175) solid 0.0125em;
  outline: var(--clr-pri-400) solid 0.0125em;
  -webkit-box-shadow: 0 0 0.5em var(--clr-text-65);
          box-shadow: 0 0 0.5em var(--clr-text-65);
}

.skip-link {
  display: block;
  position: absolute;
  padding: 0.15em 0.375em;
  padding: var(--padding-100);
  top: -10em;
  left: 0;
  border: 0.1em solid rgb(65, 71, 86);
  border: var(--bdr-900);
  background: var(--clr-bg);
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: 9999;
}

.skip-link:focus {
  -webkit-animation: fadeIn 0.5s ease-in-out forwards;
          animation: fadeIn 0.5s ease-in-out forwards;
  -webkit-animation: fadeIn var(--transition-time) ease-in-out forwards;
          animation: fadeIn var(--transition-time) ease-in-out forwards;
  color: inherit;
  -webkit-text-decoration-color: rgb(131, 142, 175);
          text-decoration-color: rgb(131, 142, 175);
  -webkit-text-decoration-color: var(--bdr-clr-400);
          text-decoration-color: var(--bdr-clr-400);
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.subtitle-h1,
.subtitle-h2 {
  margin: 0.25em 0;
  --clr-text: var(--clr-pri-400);
  font-weight: 600;
  font-size: 1.1875em;
  font-style: italic;
  text-shadow: 0 0 0.25em var(--clr-text-50);
  line-height: 1.2;
  line-height: var(--lh-cond);
}

.blessed-be {
  padding: 0.5em 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: decoy, bree-serif, "Arima Madurai", serif;
  font-family: var(--ff-acc);
  font-style: italic;
  font-weight: 400;
  text-transform: lowercase;
  text-shadow: 0 0 0.5em var(--clr-text-65);
  letter-spacing: -0.05em;
}
.blessed-be::before, .blessed-be::after {
  content: "✦";
  display: block;
  float: right;
  margin: auto 0.5em;
  padding: 0.1875em 0;
  font-size: 0.75em;
  font-style: normal;
  opacity: 0.85;
  text-shadow: 0 0 0.5em var(--clr-text-85);
}
.blessed-be::before {
  display: none;
  float: left;
}
.blessed-be.center {
  margin-left: auto;
  margin-right: auto;
}
.blessed-be.center::before {
  display: block;
}
.blessed-be.left {
  margin-left: 0;
  margin-right: auto;
}
.blessed-be.right {
  margin-left: auto;
  margin-right: 0;
}

ul,
ol {
  margin: 0;
  margin-top: -0.25em;
  line-height: 1.3;
  line-height: var(--lh-list);
  list-style: none;
}

li ul,
li ol {
  margin: 0;
  font-style: italic;
}

li li ul,
li li ol {
  opacity: 0.95;
}

li {
  margin: 0.5em 0;
  margin-left: 2.5em;
  padding: 0;
}

ul li::before,
li li li ol li::before {
  content: "✦";
  display: block;
  margin-left: -1.5em;
  padding-top: 0.75em;
  float: left;
  opacity: 0.875;
  font-size: 0.5em;
  text-shadow: 0 0 0.5em var(--clr-text-85);
}

ol {
  counter-reset: list-number;
}

ol > li {
  counter-increment: list-number;
}

ol > li::before {
  content: counter(list-number, decimal) ")";
  display: block;
  margin-left: -1.25em;
  float: left;
  opacity: 0.875;
  text-shadow: 0 0 0.5em var(--clr-text-65);
}

ol ol > li::before {
  content: counter(list-number, lower-alpha) ".";
}

ol ol ol > li::before {
  content: counter(list-number, lower-roman) ".";
}

::-webkit-input-placeholder {
  color: rgb(131, 142, 175);
  color: var(--clr-pri-400);
  opacity: 1;
}

::-moz-placeholder {
  color: rgb(131, 142, 175);
  color: var(--clr-pri-400);
  opacity: 1;
}

:-ms-input-placeholder {
  color: rgb(131, 142, 175);
  color: var(--clr-pri-400);
  opacity: 1;
}

::-ms-input-placeholder {
  color: rgb(131, 142, 175);
  color: var(--clr-pri-400);
  opacity: 1;
}

::placeholder {
  color: rgb(131, 142, 175);
  color: var(--clr-pri-400);
  opacity: 1;
}

input,
textarea,
select {
  display: block;
  margin: 0.25em 0 1em;
  padding: 0.375em 0.75em;
  padding: var(--padding-400);
  padding-top: 0.5em;
  width: 100%;
  background: transparent;
  border: 0.05em solid rgb(131, 142, 175);
  border: var(--bdr-400);
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: var(--transitions) 0.1s;
  -o-transition: var(--transitions) 0.1s;
  transition: var(--transitions) 0.1s;
}

select {
  display: inline-block;
  margin: 0;
  padding: 0.15em 0.375em;
  padding: var(--padding-100);
  padding-top: 0.25em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="arrow-down_clr-txt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 350" style="enable-background:new 0 0 512 350; fill: var(--clr-text-35, rgba(199, 204, 219, 0.35));" xml:space="preserve"><path d="M273.4,342.8l231.4-231.5c4.6-4.6,7.2-10.8,7.2-17.3s-2.6-12.8-7.2-17.4L435.4,7.2c-9.6-9.6-25.1-9.6-34.7,0L256,151.9L111.3,7.2c-9.6-9.6-25.1-9.6-34.7,0L7.2,76.6C2.6,81.2,0,87.4,0,94s2.6,12.8,7.2,17.4l231.4,231.5C248.2,352.4,263.8,352.4,273.4,342.8L273.4,342.8z"/></svg>');
  background-repeat: no-repeat;
  background-size: auto 0.5em;
  background-position-x: 97.5%;
  background-position-y: 0.55em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select option {
  color: #000;
  color: initial;
}
select::-ms-expand {
  display: none;
}

[type=button],
[type=reset],
[type=submit],
input[reset],
button,
.button {
  display: block;
  margin: 1rem auto;
  padding: 0.375em 0.75em;
  padding: var(--padding-400);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 0.05em solid rgb(131, 142, 175);
  border: var(--bdr-400);
  line-height: 1.2;
  line-height: var(--lh-cond);
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: var(--transitions);
  -o-transition: var(--transitions);
  transition: var(--transitions);
}
[type=button].no-format,
[type=reset].no-format,
[type=submit].no-format,
input[reset].no-format,
button.no-format,
.button.no-format {
  margin: 0;
  padding: 0;
  width: auto;
  width: initial;
  border: 0;
  line-height: inherit;
}

[type=button]:hover,
[type=button]:focus,
[type=reset]:hover,
[type=reset]:focus,
[type=submit]:hover,
[type=submit]:focus,
input[reset]:hover,
input[reset]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
  border-color: rgba(199, 204, 219, 0.35);
  border-color: var(--clr-pri-200-35);
  background-color: rgba(199, 204, 219, 0.35);
  background-color: var(--clr-pri-200-35);
  cursor: pointer;
}
[type=button]:hover.no-format,
[type=button]:focus.no-format,
[type=reset]:hover.no-format,
[type=reset]:focus.no-format,
[type=submit]:hover.no-format,
[type=submit]:focus.no-format,
input[reset]:hover.no-format,
input[reset]:focus.no-format,
button:hover.no-format,
button:focus.no-format,
.button:hover.no-format,
.button:focus.no-format {
  border-color: currentColor;
  border-color: initial;
  background-color: transparent;
  background-color: initial;
}

.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 10.5rem;
  margin: 3em auto 1.5em;
  text-align: center;
}
.page-header a {
  text-decoration: none;
}
.page-header .site-title-wrap .site-title {
  margin: 0.125em auto;
  font-size: 2.25em;
  font-weight: 700;
  font-style: italic;
  color: var(--clr-hdg-100-85);
  text-shadow: 0 0 0.5em var(--clr-text-85);
  line-height: 1;
  letter-spacing: -0.025em;
}
.page-header .site-title-wrap .site-tagline {
  margin: 0;
  margin-top: -0.125em;
  font-size: 1.625em;
  font-weight: 600;
  color: rgba(131, 142, 175, 0.65);
  color: var(--clr-pri-400-65);
  line-height: 1.2;
  line-height: var(--lh-head);
  text-shadow: 0 0 0.5em var(--clr-text-85);
}

.primary-menu-wrap {
  margin: auto;
  margin-bottom: 0;
  width: 100%;
}
.primary-menu-wrap .primary-nav-toggle {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
.primary-menu-wrap .primary-nav-toggle:checked ~ .primary-nav {
  display: block;
}
.primary-menu-wrap .primary-nav-toggle:checked ~ .primary-nav-toggle-label span,
.primary-menu-wrap .primary-nav-toggle:checked ~ .primary-nav-toggle-label span.burger::before,
.primary-menu-wrap .primary-nav-toggle:checked ~ .primary-nav-toggle-label span.burger::after {
  background-color: transparent;
}
.primary-menu-wrap .primary-nav-toggle:checked ~ .primary-nav-toggle-label span.burger .close::before {
  opacity: 0.8;
  -webkit-transform: rotate(30deg) scale(1.3, 1);
      -ms-transform: rotate(30deg) scale(1.3, 1);
          transform: rotate(30deg) scale(1.3, 1);
}
.primary-menu-wrap .primary-nav-toggle:checked ~ .primary-nav-toggle-label span.burger .close::after {
  opacity: 0.8;
  -webkit-transform: rotate(-30deg) scale(1.3, 1);
      -ms-transform: rotate(-30deg) scale(1.3, 1);
          transform: rotate(-30deg) scale(1.3, 1);
}
.primary-menu-wrap .primary-nav-toggle-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 0;
  margin-left: auto;
  margin-right: 1.25%;
  width: 2.75em;
  height: 2.75em;
  background: transparent;
  cursor: pointer;
  z-index: 999999;
}
.primary-menu-wrap .primary-nav-toggle-label span.burger,
.primary-menu-wrap .primary-nav-toggle-label span.burger::before,
.primary-menu-wrap .primary-nav-toggle-label span.burger::after,
.primary-menu-wrap .primary-nav-toggle-label span.burger .close::before,
.primary-menu-wrap .primary-nav-toggle-label span.burger .close::after {
  content: "";
  display: block;
  position: relative;
  width: 1.75em;
  height: 0.125em;
  background-color: var(--clr-text);
  border-radius: 1em;
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
.primary-menu-wrap .primary-nav-toggle-label span.burger {
  opacity: 0.75;
}
.primary-menu-wrap .primary-nav-toggle-label span.burger::before {
  top: 0.45em;
}
.primary-menu-wrap .primary-nav-toggle-label span.burger::after {
  bottom: 0.45em;
}
.primary-menu-wrap .primary-nav-toggle-label span.burger::before, .primary-menu-wrap .primary-nav-toggle-label span.burger::after,
.primary-menu-wrap .primary-nav-toggle-label span.burger .close::before,
.primary-menu-wrap .primary-nav-toggle-label span.burger .close::after {
  position: absolute;
}
.primary-menu-wrap .primary-nav-toggle-label span.burger .close::before,
.primary-menu-wrap .primary-nav-toggle-label span.burger .close::after {
  opacity: 0;
  width: 1.625em;
  height: 0.1875em;
}
.primary-menu-wrap .primary-nav-toggle-label[focus-within] span.burger, .primary-menu-wrap .primary-nav-toggle-label:hover span.burger {
  opacity: 0.85;
}
.primary-menu-wrap .primary-nav-toggle-label:focus-within span.burger, .primary-menu-wrap .primary-nav-toggle-label:hover span.burger {
  opacity: 0.85;
}
.primary-menu-wrap .primary-nav {
  position: absolute;
  margin: 0;
  margin-right: 1.25%;
  margin-bottom: 0;
  padding: 0;
  right: 0;
  height: 100%;
  width: 80%;
  max-width: 12.5em;
  z-index: 99999;
}
.primary-menu-wrap .primary-nav .primary-menu {
  margin-top: 0.125em;
  padding: 0.5em 0;
  width: 100%;
  background-color: var(--clr-bg-925);
}
.primary-menu-wrap .primary-nav .primary-menu .menu-item {
  margin: 0;
  padding: 0;
}
.primary-menu-wrap .primary-nav .primary-menu .menu-item::before {
  content: normal;
  content: initial;
}
.primary-menu-wrap .primary-nav .primary-menu .menu-item .menu-link {
  display: block;
  margin: 0;
  padding: 0.75em;
  font-weight: 600;
  font-size: 1.2em;
  text-decoration: none;
}
.primary-menu-wrap .primary-nav[faded] {
  display: none;
}
.primary-menu-wrap .primary-nav[fading],
.primary-menu-wrap .primary-nav[open] {
  display: block;
}

@media screen and (min-width: 38em) {
  .primary-menu-wrap {
    font-size: 0.9em;
  }
  .primary-menu-wrap .primary-nav {
    top: auto;
    top: initial;
    right: 9em;
    right: calc(2.5% + 7.25em);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.75em;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .primary-menu-wrap .primary-nav .primary-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: transparent;
  }
  .primary-menu-wrap .primary-nav .primary-menu .menu-item {
    margin: auto 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .primary-menu-wrap .primary-nav .primary-menu .menu-item .menu-link {
    margin: auto 0;
    padding: 0.25em 1.25em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .primary-nav-toggle-label {
    margin-right: 2.5%;
  }
}
.main-header,
.main-title,
.main-subtitle {
  margin: 0;
}

.page-main .main-header {
  margin: 0 0 2em;
  padding-top: 0.375em;
}
.page-main .main-header .main-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.75em;
  font-weight: 900;
  line-height: 1;
}
@media screen and (min-width: 43em) {
  .page-main .main-header .main-title {
    white-space: nowrap;
  }
}
.page-main .main-header .main-title .main-title-line {
  display: block;
  width: 100%;
  margin: auto 0.375em;
  border: 0.075em solid rgb(65, 71, 86);
  border: 0.075em solid var(--gry-700);
  border-radius: 2em;
  -webkit-box-shadow: 0 0 0.5em var(--clr-text-65);
          box-shadow: 0 0 0.5em var(--clr-text-65);
}
.page-main .main-header .main-title .main-title-line::before {
  content: normal;
  content: initial;
}
.page-main .main-header .main-title::after {
  content: "✦";
  margin: auto 0;
  padding-top: 0.1875em;
  font-size: 0.875em;
  opacity: 0.75;
  text-shadow: 0 0 0.5em var(--clr-text-65);
}
.page-main .main-header .main-subtitle {
  font-size: 1.25em;
}

.page-footer {
  margin: 4.5em auto 2.5em;
  padding: 0 2em;
  text-align: center;
}
.page-footer .secondary-nav {
  margin: 1.75em auto;
}
.page-footer .secondary-nav .secondary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
}
.page-footer .secondary-nav .secondary-menu .menu-item {
  margin: 0;
  padding: 0;
}
.page-footer .secondary-nav .secondary-menu .menu-item .menu-link {
  text-decoration: none;
  color: var(--clr-text-85);
}
.page-footer .secondary-nav .secondary-menu .menu-item .menu-link:hover, .page-footer .secondary-nav .secondary-menu .menu-item .menu-link:focus {
  color: var(--clr-text-50);
  text-shadow: 0 0 0.5em var(--clr-text-85);
}
.page-footer .secondary-nav .secondary-menu .menu-item::before, .page-footer .secondary-nav .secondary-menu .menu-item::after {
  content: "✦";
  display: inline;
  margin: 0 2.5em;
  padding: 0;
  float: none;
  font-size: 1em;
  color: rgba(199, 204, 219, 0.35);
  color: var(--clr-pri-200-35);
  text-shadow: 0 0 0.25em var(--clr-text-50);
}
.page-footer .secondary-nav .secondary-menu .menu-item::before, .page-footer .secondary-nav .secondary-menu .menu-item:last-child::after {
  display: none;
}
.page-footer p {
  font-size: 0.95em;
}
.page-footer p.footer-copy {
  color: rgba(199, 204, 219, 0.85);
  color: var(--clr-pri-200-85);
  font-style: italic;
  opacity: 0.8;
}

.home main.page-main {
  padding: 0;
  max-width: none;
  max-width: initial;
  overflow-x: hidden;
}

.moon-spinner {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 0 auto 2em;
  width: 100%;
  overflow-y: hidden;
}
.moon-spinner .moon-spinner-inner {
  margin: 0 auto;
  padding: 0 1.5em;
  width: 100%;
  max-width: 72.5rem;
}
.moon-spinner .moon-spinner-inner .spinner-track-container {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: -100%;
  margin-bottom: var(--parent-height-neg, -100%);
  width: 20%;
  height: 100%;
  height: var(--parent-height, 100%);
  z-index: 10;
  background-image: url("/assets/svg/background.svg");
  background-image: var(--star-bg-img);
  background-size: auto 2000px;
  background-size: var(--star-bg-siz);
  background-position: center;
  background-position: var(--star-bg-pos);
  background-repeat: no-repeat;
  background-repeat: var(--star-bg-rep);
  background-attachment: fixed;
  background-attachment: var(--star-bg-att);
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
  -webkit-filter: var(--star-bg-fil);
          filter: var(--star-bg-fil);
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper.past {
  float: left;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(15%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) 15%, rgba(0, 0, 0, 0));
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(15%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
          mask-image: linear-gradient(to right, rgb(0, 0, 0) 15%, rgba(0, 0, 0, 0));
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper.past .spinner-button {
  margin-right: auto;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper.future {
  float: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(15%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(to left, rgb(0, 0, 0) 15%, rgba(0, 0, 0, 0));
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(15%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
          mask-image: linear-gradient(to left, rgb(0, 0, 0) 15%, rgba(0, 0, 0, 0));
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper.future .spinner-button {
  margin-left: auto;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button {
  margin: 0;
  padding: 0;
  width: 15%;
  max-width: 2.5em;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button svg {
  width: 100%;
  height: auto;
  fill: rgba(199, 204, 219, 0.35);
  fill: var(--clr-pri-200-35);
  -webkit-filter: drop-shadow(0 0 0.25em var(--clr-text-50));
          filter: drop-shadow(0 0 0.25em var(--clr-text-50));
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: var(--transitions);
  -o-transition: var(--transitions);
  transition: var(--transitions);
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button:hover, .moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button:hover svg, .moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button:focus svg {
  fill: rgba(199, 204, 219, 0.65);
  fill: var(--clr-pri-200-65);
  -webkit-filter: drop-shadow(0 0 0.5em var(--clr-text-85));
          filter: drop-shadow(0 0 0.5em var(--clr-text-85));
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button[open],
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button[fading] {
  display: block;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button[faded] {
  display: none;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  /* let it scroll, but hide the scrollbars - https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp */
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track::-webkit-scrollbar {
  /* Chrome, Safari and Opera */
  display: none;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 1em;
  margin-top: -1em;
  padding: 0;
  padding-top: 1em;
  min-width: 25em;
  scroll-snap-align: center;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card:first-of-type {
  margin-left: 60%;
  margin-left: var(--card-width, 60%);
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card:last-of-type {
  margin-right: 60%;
  margin-right: var(--card-width, 60%);
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.75em 1.5em;
  padding: var(--padding-800);
  padding-top: 0;
  padding-bottom: 1.125em;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  min-width: 100%;
  border: 0.1em solid rgba(65, 71, 86, 0.50);
  border: var(--bdr-100);
  /* .special-day {

      .special-day-header {

          .moon-card-desc {

              p {

              }

          }

      }

  } */
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-image {
  display: block;
  margin: 0 auto;
  max-width: 18em;
  height: auto;
  aspect-ratio: 1/1;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-image[hemisphere=south] {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-header {
  margin: 0;
  margin-top: 0.5em;
  font-size: 1.1em;
  text-align: center;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-header .moon-title {
  margin: 0;
  font-size: 1.1em;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-header .moon-date {
  margin-top: 0.125em;
  font-size: 1.05em;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-header .moon-date .today-flag {
  display: inline-block;
  margin: 0;
  margin-right: 0.5em;
  padding: 0.15em 0.375em;
  padding: var(--padding-100);
  border: 0.1em solid rgba(65, 71, 86, 0.50);
  border: var(--bdr-100);
  font-size: 0.85em;
  font-weight: 400;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-desc p {
  margin: 0.875em 0;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-hr {
  margin: 0 auto;
  margin-top: auto;
  opacity: 0.3;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card::before {
  content: normal;
  content: initial;
}
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .waxing-crescent .moon-title,
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .waxing-gibbous .moon-title,
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .waning-gibbous .moon-title,
.moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .waning-crescent .moon-title {
  --clr-text: var(--clr-text-65);
}
.moon-spinner .jump-button-wrap {
  margin: 1em auto;
  opacity: 0.75;
  font-size: 0.9em;
  text-align: center;
}
.moon-spinner .jump-button-wrap .jump-button {
  display: inline-block;
  margin: 0.25em auto;
  margin-left: 0.75em;
  border-color: rgba(65, 71, 86, 0.50);
  border-color: var(--bdr-clr-100);
  text-decoration: none;
  text-shadow: 0 0 0.5em var(--clr-text-65);
}
.moon-spinner .location-select-wrapper {
  display: block;
  margin: 1.5em auto;
  padding: 0 1.5em;
  width: 100%;
  max-width: 72.5rem;
  --clr-text: var(--clr-text-65);
  font-size: 0.9em;
  text-align: center;
}
.moon-spinner .location-select-wrapper .location-select-form label {
  display: inline-block;
  margin: 0.25em auto;
  padding-right: 0.5em;
}
.moon-spinner .location-select-wrapper .location-select-form select {
  display: inline-block;
  margin: 0.25em auto;
  border-color: rgba(65, 71, 86, 0.50);
  border-color: var(--bdr-clr-100);
}
.moon-spinner .location-select-wrapper .location-select-form select:hover, .moon-spinner .location-select-wrapper .location-select-form select:focus, .moon-spinner .location-select-wrapper .location-select-form select[focus-within] {
  outline: none;
  -webkit-box-shadow: 0 0 0.25em var(--clr-text-50);
          box-shadow: 0 0 0.25em var(--clr-text-50);
  background-color: rgba(199, 204, 219, 0.35);
  background-color: var(--clr-pri-200-35);
  cursor: pointer;
}
.moon-spinner .location-select-wrapper .location-select-form select:hover, .moon-spinner .location-select-wrapper .location-select-form select:focus, .moon-spinner .location-select-wrapper .location-select-form select[focus-within] {
  outline: none;
  -webkit-box-shadow: 0 0 0.25em var(--clr-text-50);
          box-shadow: 0 0 0.25em var(--clr-text-50);
  background-color: rgba(199, 204, 219, 0.35);
  background-color: rgba(199, 204, 219, 0.35);
  background-color: var(--clr-pri-200-35);
  cursor: pointer;
}
.moon-spinner .location-select-wrapper .location-select-form select:hover, .moon-spinner .location-select-wrapper .location-select-form select:focus, .moon-spinner .location-select-wrapper .location-select-form select:focus-within {
  outline: none;
  -webkit-box-shadow: 0 0 0.25em var(--clr-text-50);
          box-shadow: 0 0 0.25em var(--clr-text-50);
  background-color: rgba(199, 204, 219, 0.35);
  background-color: var(--clr-pri-200-35);
  cursor: pointer;
}

.moon-card-desc:last-child *:last-child,
.special-day:last-child *:last-child {
  margin-bottom: 0 !important;
}

.updating #page-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
.updating #page-wrap .page-header .primary-menu-wrap {
  display: none;
}
.updating #page-wrap .page-main {
  margin-top: 2em;
  max-width: 40em;
}
.updating #page-wrap .page-main .main-header .main-title .main-title-line {
  display: none;
}
.updating #page-wrap .page-main .main-header .main-title::after {
  content: normal;
  content: initial;
}
.updating #page-wrap .page-main p {
  font-size: 1.1em;
}
.updating #page-wrap .page-footer {
  margin-top: auto;
  margin-bottom: 1em;
  padding-top: 2em;
}
.updating #page-wrap .page-footer .secondary-nav {
  display: none;
}

@media screen and (max-width: 62.5em) {
  .moon-spinner .moon-spinner-inner {
    padding: 0 2.5%;
  }
  .moon-spinner .moon-spinner-inner .button-wrapper {
    width: 15%;
  }
  .moon-spinner .moon-spinner-inner .button-wrapper .spinner-button {
    width: 20%;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card {
    min-width: 65%;
  }
}
@media screen and (max-width: 43.75em) {
  .moon-spinner .moon-spinner-inner {
    padding: 0;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card {
    margin: 0 0.75em;
    min-width: 80%;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap {
    padding: 0.5em 1.125em;
    padding: var(--padding-600);
    padding-top: 0;
    padding-bottom: 0.75em;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-image {
    max-width: 13em;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper {
    width: 10%;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper.past, .moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper.future {
    -webkit-mask-image: none;
            mask-image: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper .spinner-button {
    width: 50%;
  }
  .moon-spinner .jump-button-wrap {
    margin-top: 1.5em;
    font-size: 0.925em;
  }
  .moon-spinner .location-select-wrapper {
    font-size: 0.925em;
  }
}
@media screen and (max-width: 35.5em) {
  body {
    --star-bg-siz: auto 100%;
  }

  li {
    margin-left: 10%;
  }

  .page-header .site-title-wrap .site-tagline {
    display: none;
  }

  .page-main {
    padding: 0 5%;
  }
  .page-main .main-header .main-title {
    margin-bottom: 0.125em;
  }

  .page-footer {
    padding: 0 1em;
  }
  .page-footer .secondary-nav .secondary-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-footer .secondary-nav .secondary-menu .menu-item .menu-link {
    display: inline-block;
    padding: 0.375em 1.5em;
  }
  .page-footer .secondary-nav .secondary-menu .menu-item::before, .page-footer .secondary-nav .secondary-menu .menu-item::after, .page-footer .secondary-nav .secondary-menu .menu-item:last-child::after {
    display: inline;
    margin: 0;
  }

  .moon-spinner {
    margin-bottom: 0;
  }
  .moon-spinner .jump-button-wrap .jump-button {
    display: block;
    margin: 0.75em auto;
    padding: 0.15em 0.375em;
    padding: var(--padding-100);
  }
}
@media screen and (max-width: 28em) {
  hr::before {
    padding-left: 2em;
    letter-spacing: 2em;
  }

  .moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card {
    min-width: 90%;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap {
    padding: 0.375em 0.75em;
    padding: var(--padding-400);
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .spinner-track .moon-card .moon-card-inner-wrap .moon-card-image {
    max-width: 11em;
  }
  .moon-spinner .moon-spinner-inner .spinner-track-container .button-wrapper {
    display: none;
  }
  .moon-spinner .jump-button-wrap {
    font-size: 1em;
  }
  .moon-spinner .location-select-wrapper {
    font-size: 1em;
  }
}