/*

COLORS

$primary: #;
$secondary: #;
$tertiary: #;
$neutral: #;
$white: #;
$black: #;

FONTS

$head: ;
$body: ;
$mono: ;
*/
:root, [data-selected-theme=light] {
  --theme-background: rgb(230, 245, 230);
  --theme-text: rgb(8, 10, 8);
}

[data-selected-theme=dark] {
  --theme-background: rgb(8, 10, 8);
  --theme-text: rgb(230, 245, 230);
}

body {
  background-color: var(--theme-background);
  color: var(--theme-text);
}

a#skip-navigation {
  position: fixed;
  top: -100%;
  right: 0;
  padding: 10px;
}
a#skip-navigation:focus {
  top: 0;
}

.site {
  display: flex;
  flex-direction: column;
}

.contentarea {
  display: flex;
  flex-direction: column;
}
.contentarea main {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .contentarea {
    flex-direction: row-reverse;
  }
}

ul#updates time {
  color: rgb(110, 110, 110);
}

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