@charset "UTF-8";
/* END BREAKPOINT */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* END RESET */
@font-face {
  font-family: "courier_prime";
  src: url("/static/fonts/courier_prime/courier_prime_bold-webfont.woff");
  src: url("/static/fonts/courier_prime/courier_prime_bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "courier_prime";
  src: url("/static/fonts/courier_prime/courier_prime_bold_italic-webfont.woff");
  src: url("/static/fonts/courier_prime/courier_prime_bold_italic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "courier_prime";
  src: url("/static/fonts/courier_prime/courier_prime_italic-webfont.woff");
  src: url("/static/fonts/courier_prime/courier_prime_italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "courier_prime";
  src: url("/static/fonts/courier_prime/courier_prime-webfont.woff");
  src: url("/static/fonts/courier_prime/courier_prime-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "firasans";
  src: url("/static/fonts/firasansot/firasansot-bold-webfont.woff");
  src: url("/static/fonts/firasansot/firasansot-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "firasans";
  src: url("/static/fonts/firasansot/firasansot-bolditalic-webfont.woff");
  src: url("/static/fonts/firasansot/firasansot-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "firasans";
  src: url("/static/fonts/firasansot/firasansot-regularitalic-webfont.woff");
  src: url("/static/fonts/firasansot/firasansot-regularitalic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "firasans";
  src: url("/static/fonts/firasansot/firasansot-regular-webfont.woff");
  src: url("/static/fonts/firasansot/firasansot-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "firasans";
  src: url("/static/fonts/firasansot/firasansot-light-webfont.woff");
  src: url("/static/fonts/firasansot/firasansot-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "firasans";
  src: url("/static/fonts/firasansot/firasansot-light-webfont.woff");
  src: url("/static/fonts/firasansot/firasansot-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
/* END FONT IMPORTS */
/* variables */
html {
  --silent: hsl(290deg, 0%, 100%);
  --loud: hsl(290deg, 0%, 5%);
  --hero: hsl(290deg, 100%, 35%);
  --highlight: hsl(290deg, 70%, 96%);
  --danger: hsl(340deg, 100%, 40%);
  --cool: hsl(200deg, 75%, 50%);
  --weird: hsl(120deg, 100%, 35%);
  --slightly-cool: #105070;
  --slightly-weird: #003300;
  --faintly-cool: #bce2f5;
  --faintly-weird: #ccffcc;
  --hushed: hsl(290deg, 0%, 47%);
  --whisper: hsl(290deg, 0%, 70%);
  --quiet: hsl(290deg, 0%, 95%);
  --huge-width: 1400px;
  --big-wdth: 960px;
  --medium-width: 720px;
  --small-width: 640px;
  --monospace-font-family: "courier_prime", monospace;
  --sans-font-family: "firasans", sans-serif;
  --serif-font-family: Georgia, "Times New Roman", times, serif;
  --base-font-family: var(--sans-font-family);
  --exciting-font-family: var(--monospace-font-family);
  --boring-font-family: var(--sans-font-family);
  --nav-font-family: var(--monospace-font-family);
  --transition: all 0.2s ease-out;
}

@media (prefers-color-scheme: dark) {
  html {
    --silent: hsl(290deg, 0%, 5%);
    --loud: hsl(290deg, 0%, 100%);
    --highlight: hsl(290deg, 100%, 12%);
    --danger: hsl(340deg, 100%, 40%);
    --cool: hsl(200deg, 75%, 50%);
    --weird: hsl(120deg, 100%, 35%);
    --slightly-cool: #bce2f5;
    --slightly-weird: #dbffdb;
    --faintly-cool: #0a3043;
    --faintly-weird: #003300;
    --hushed: hsl(290deg, 0%, 80%);
    --whisper: hsl(290deg, 0%, 47%);
    --quiet: hsl(290deg, 0%, 15%);
  }
}
/* element selectors */
html {
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  height: 100%;
}
@media (min-width: 640px) {
  html {
    font-size: 16px;
  }
}

body {
  background: var(--silent);
  color: var(--loud);
  display: flex;
  flex-direction: column;
  font-family: var(--base-font-family);
  font-weight: 400;
  line-height: 1.75;
  min-height: 100%;
}

iframe {
  max-width: 100%;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

/* headers */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin-block-end: 1rem;
  margin-block-start: 1rem;
  text-wrap: balance;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-family: var(--exciting-font-family);
  line-height: 1.1;
}

h5, h6 {
  font-family: var(--boring-font-family);
}

h1 {
  color: var(--loud);
  font-size: 2rem;
}
h1 small {
  color: var(--hushed);
  font-size: inherit;
}
@media (min-width: 640px) {
  h1 {
    font-size: 2.5rem;
  }
}

h2 {
  color: var(--hero);
  font-size: 1.5rem;
  margin-block-start: 2rem;
}
h2 small {
  color: var(--loud);
  font-size: inherit;
}

h3 {
  color: var(--hero);
  font-size: 1.25rem;
  margin-block-start: 2rem;
}
h3 small {
  color: var(--loud);
  font-size: inherit;
}

h4 {
  color: inherit;
  font-size: 1.1rem;
  margin-block-start: 1rem;
  margin-block-end: 0.25rem;
}
h4 small {
  color: var(--hushed);
  font-size: inherit;
}

h5 {
  color: var(--hushed);
  font-size: 1rem;
}
h5 small {
  color: var(--whisper);
  font-size: inherit;
}

h6 {
  color: var(--whisper);
  font-size: 0.9rem;
}
h6 small {
  font-size: inherit;
}

/* text elements */
p {
  margin-block-end: 1rem;
}
p:last-child {
  margin-block-end: 0;
}

strong, b, dfn, var {
  font-weight: 700;
}

mark {
  background-color: transparent;
  border: 1px solid var(--hero);
  color: var(--hero);
  padding: 0.125rem 0.25rem;
}

kbd, code, samp, var {
  border: 1px solid var(--hero);
  color: var(--hero);
  font-family: var(--monospace-font-family);
  padding: 0.125rem 0.25rem;
}

em, i, cite, q {
  font-style: italic;
}

small {
  font-size: 90%;
}

sup {
  font-size: 90%;
  line-height: 0.5;
  vertical-align: super;
}

blockquote {
  border: 1px solid var(--whisper);
  color: var(--hushed);
  font-family: var(--monospace-font-family);
  font-style: italic;
  margin-block-end: 1rem;
  padding: 0.5rem;
}

/* lists */
ol, ul {
  margin-block-end: 1rem;
  margin-block-start: 1rem;
}

ul {
  list-style-type: disc;
  margin-inline-start: 2rem;
}

ol {
  list-style-type: decimal;
  margin-inline-start: 2rem;
}

li ul, li ol {
  margin-block-end: 0;
  margin-block-start: 0;
}

dl {
  margin-block-end: 1rem;
}

dt {
  font-weight: 700;
  margin-block-start: 2rem;
  margin-block-end: 0.5rem;
}

dd {
  margin-block-end: 1rem;
  margin-inline-start: 1rem;
}

.unlist {
  list-style-type: none;
  margin-inline-start: 0;
}
.unlist li {
  align-items: baseline;
  display: flex;
}
.unlist .hanging {
  margin-inline-end: 0.25rem;
  white-space: nowrap;
}

.link-list {
  font-family: var(--boring-font-family);
}
.link-list a:after {
  display: none;
}

/* links */
a:link, a:visited {
  color: inherit;
  text-decoration: none;
}
a:link {
  background-color: var(--highlight);
}
a:visited {
  background-color: var(--quiet);
}
a:hover {
  background: var(--hero) !important;
  color: hsl(290deg, 0%, 100%);
  transition: var(--transition);
}
a:hover:after {
  color: var(--silent);
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
  color: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: hsl(290deg, 0%, 100%);
}

/** special links **/
.text-body a:link, .text-body a:visited, .text-body a:hover {
  text-decoration: underline;
}

/* tables */
table {
  border: 2px solid var(--hushed);
  font-family: var(--boring-font-family);
  margin: 1rem auto;
  max-width: 100%;
}

tr {
  border-block-end: 1px solid var(--quiet);
}

thead {
  border-block-end: 1px solid var(--whisper);
  border-block-start: 1px solid var(--hushed);
  background: var(--quiet);
}

thead tr {
  border-block-end: 0;
}

tfoot {
  border-block-end: 1px solid var(--hushed);
  border-block-start: 1px solid var(--whisper);
  background: var(--quiet);
}

td, th {
  padding: 0.25rem;
  vertical-align: top;
  text-align: inline-start;
}
@media (min-width: 640px) {
  td, th {
    padding: 0.4rem;
  }
}

th {
  font-weight: 700;
}

.total {
  background: var(--quiet);
}

.subhead {
  background: var(--hushed);
  color: var(--silent);
}

.sub-subhead {
  background: var(--quiet);
  border-block-end-color: var(--silent);
}

.colgroup-leader {
  border-inline-start: 1px solid var(--whisper);
}

.data {
  font-family: var(--monospace-font-family);
  text-align: end;
}

.sub {
  /* ?? */
}

/* forms */
fieldset {
  border: 1px solid var(--hushed);
  margin-block-end: 1rem;
  margin-block-start: 1rem;
  padding: 1rem;
}

form ul {
  list-style-type: none;
  margin: 0;
}

label, legend {
  display: block;
  font-family: var(--boring-font-family);
  font-weight: 700;
}

input, select, textarea {
  background: var(--silent);
  border: 1px solid;
  color: var(--loud);
  font-family: var(--boring-font-family);
  font-size: 1rem;
  min-width: 1rem;
  display: block;
  padding: 0.25rem;
  width: auto;
}

input[type=checkbox], input[type=radio] {
  display: inline-block;
}

input::placeholder {
  color: var(--whisper);
  font-family: var(--boring-font-family);
  font-size: 1rem;
}

.field-container {
  margin-block-end: 1rem;
}

.inline-field-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-block-end: 1rem;
}
.inline-field-container label, .inline-field-container input, .inline-field-container select {
  margin-inline-end: 0.5rem;
}

select {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--silent);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  border-radius: 0;
  color: var(--body-color);
  padding-right: 1.5rem;
}

.required {
  color: var(--danger);
}

.error, .is-error {
  color: var(--danger);
}

/* etc */
hr {
  border-width: 0;
  border-block-start: 1px solid var(--hushed);
  margin-block-start: 2rem;
  margin-block-end: 2rem;
}

/* layout */
.the-page, .site-header, .site-footer {
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-width: var(--medium-width);
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  width: calc(100% - 2rem);
}

.breadcrumb {
  color: var(--hushed);
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  margin-inline-start: 1.5rem;
}
@media (min-width: calc(720px + 3rem)) {
  .breadcrumb {
    margin-inline-start: 0;
  }
}

.the-page {
  flex-grow: 1;
}

.site-footer {
  margin-block-start: 2rem;
}

/* navigation */
nav {
  font-family: var(--nav-font-family);
}
nav a:link, nav a:visited {
  color: inherit;
}
nav a:hover {
  color: hsl(290deg, 0%, 100%);
}

.footer-nav {
  padding-block-start: 2rem;
  margin-inline-start: 1.5rem;
}
@media (min-width: calc(720px + 3rem)) {
  .footer-nav {
    margin-inline-start: 0;
  }
}
.footer-nav ul {
  list-style-type: none;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.footer-nav li {
  margin-block-end: 0;
}

.home-link {
  color: var(--loud) !important;
  display: inline-block;
}
.home-link:hover {
  color: hsl(290deg, 0%, 100%) !important;
}

.inline-nav ul {
  list-style-type: none;
  margin-inline-start: 0;
}
.inline-nav li {
  display: inline-block;
}

/* toc, e.g. in archaeology papers */
a[href="#toc"] {
  font-style: italic;
}
a[href="#toc"]:after {
  content: " ↑";
}

/* home */
.about {
  margin-block-end: 4rem;
}

.site-title {
  margin-inline-start: 1.5em;
}
@media (min-width: calc(720px + 6rem)) {
  .site-title {
    margin-inline-start: 0;
  }
}
.site-title small {
  display: inline-block;
}

.selfie {
  background-color: var(--quiet);
  border: 1px solid var(--whisper);
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  float: right;
  height: 100px;
  margin: 0 0 1rem 1rem;
  width: 100px;
}
@media (min-width: 640px) {
  .selfie {
    height: 200px;
    padding: 1rem 1rem 1rem 1rem;
    width: 200px;
  }
}

/* blog */
.blog-footer, .pager {
  border: 1px solid;
  color: var(--hushed);
  margin-block-start: 2rem;
  padding: 1rem;
}
.blog-footer ul, .pager ul {
  align-items: center;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
}
.blog-footer li, .pager li {
  margin-block-end: 0;
}

.blog-header {
  display: block;
  position: relative;
}

.blog-hero {
  margin-inline-start: -1rem;
  margin-inline-end: -1rem;
}
@media (min-width: 960px) {
  .blog-hero {
    margin-inline-start: -120px;
    margin-inline-end: -120px;
  }
}
.blog-hero img {
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.blog-hero a img:hover {
  cursor: zoom-in;
}

.blog-capsule {
  display: flex;
  margin-block-end: 1rem;
}
.blog-capsule h6, .blog-capsule h4 {
  margin-block-end: 0;
  margin-block-start: 0;
}

.blog-thumbnail {
  flex: 0 0 auto;
  margin-inline-end: 1rem;
}

.blog-newer a:before {
  content: "← ";
}

.blog-older a:after {
  content: " →";
}

.blog-related {
  border-block-start: 1px solid var(--hushed);
  margin-block-start: 2rem;
}

/* paginator */
.pager {
  align-content: center;
}
.pager-num-pages {
  flex-grow: 1;
  text-align: center;
}
.pager-first, .pager-previous {
  margin-inline-end: 1rem;
}
.pager-next, .pager-last {
  margin-inline-start: 1rem;
}

/* resume */
.resume h2 {
  border-block-start: 1px solid var(--whisper);
  padding-block-start: 1rem;
}
.resume h3, .resume h4, .resume h5 {
  margin-block-end: 0;
}
.resume h4, .resume h5 {
  margin-block-start: 0;
}

/* buttons */
.button, .hot-button, .cool-button,
input[type=button], input[type=submit], input[type=reset] {
  border: 1px solid;
  display: inline-block;
  padding: 0.5rem;
  font-family: var(--boring-font-family);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.button, input[type=button] {
  background: var(--hushed) !important;
  border-color: var(--loud);
  color: var(--silent) !important;
}

.hot-button, input[type=submit] {
  background: var(--loud) !important;
  border-color: var(--loud);
  color: var(--silent) !important;
}

.cool-button, input[type=reset] {
  background-color: var(--silent);
  border-color: var(--hushed);
  color: var(--hushed) !important;
}

.button:hover, input[type=button]:hover,
.hot-button:hover, input[type=submit]:hover,
.cool-button:hover, input[type=reset]:hover {
  border-color: transparent;
  background: var(--hero) !important;
  color: hsl(290deg, 0%, 100%) !important;
  transition: var(--transition);
}

/* images */
.blank-image {
  background-color: var(--quiet);
}

.caption {
  color: var(--hushed);
  margin-block-start: 0.5rem;
}

.gallery {
  border-block-start: 1px solid var(--hushed);
  margin-block-start: 2rem;
  padding-block-start: 1rem;
}

.gallery-item {
  margin-block-end: 1rem;
  margin-block-start: 1rem;
}
.gallery-item a img:hover {
  cursor: zoom-in;
}

.inline {
  display: inline;
}

.float-left {
  float: inline-start;
  margin-block-end: 1rem;
  margin-inline-end: 1rem;
}

.float-right {
  float: inline-end;
  margin-block-end: 1rem;
  margin-inline-start: 1rem;
}

.max-width {
  height: auto;
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-width: 100%;
}

/* figures in archaeology papers */
.label {
  color: var(--hushed);
  font-style: italic;
  text-align: start;
}

.figure {
  text-align: center;
}
.figure img {
  border: 1px solid var(--whisper);
  margin-inline-start: auto;
  margin-inline-end: auto;
}

/* etc */
.twitter-tweet {
  position: relative;
}
.twitter-tweet:before {
  content: "🐦";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -1.75rem;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  unicode-bidi: bidi-override;
  direction: rtl;
}

.twitter-tweet-rendered:before {
  content: none;
}

.admin-panel {
  color: var(--danger);
  border: 1px solid;
  margin-block-end: 1rem;
  margin-block-start: 1rem;
  padding: 1rem;
}

.legalese {
  color: var(--whisper);
  margin-block-start: 3rem;
  margin-block-end: 1rem;
}

.danger {
  color: var(--danger);
}

.fg {
  color: var(--loud);
}

.a8 {
  background-image: url("/static/images/a-8.svg");
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  display: inline-block;
  flex: 0 0 auto;
  line-height: 1;
  margin-inline-start: -1.25em;
  margin-inline-end: 0.25em;
  width: 1em;
}

.base-font {
  font-family: var(--base-font-family);
}

.exciting-font {
  font-family: var(--exciting-font-family);
}

.nav-font {
  font-family: var(--nav-font-family);
}

.sans {
  font-family: var(--sans-font-family);
}

.mono {
  font-family: var(--monospace-font-family);
}

.serif {
  font-family: var(--serif-font-family);
}

.long-word {
  line-break: anywhere;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.fg-hero {
  color: var(--hero) !important;
}
a:hover .fg-hero {
  color: var(--loud) !important;
}

.bg-hero {
  background-color: var(--hero) !important;
}

.fg-highlight {
  color: var(--highlight) !important;
}
a:hover .fg-highlight {
  color: var(--loud) !important;
}

.bg-highlight {
  background-color: var(--highlight) !important;
}

.fg-danger {
  color: var(--danger) !important;
}
a:hover .fg-danger {
  color: var(--loud) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.fg-cool {
  color: var(--cool) !important;
}
a:hover .fg-cool {
  color: var(--loud) !important;
}

.bg-cool {
  background-color: var(--cool) !important;
}

.fg-weird {
  color: var(--weird) !important;
}
a:hover .fg-weird {
  color: var(--loud) !important;
}

.bg-weird {
  background-color: var(--weird) !important;
}

.fg-slightly-cool {
  color: var(--slightly-cool) !important;
}
a:hover .fg-slightly-cool {
  color: var(--loud) !important;
}

.bg-slightly-cool {
  background-color: var(--slightly-cool) !important;
}

.fg-slightly-weird {
  color: var(--slightly-weird) !important;
}
a:hover .fg-slightly-weird {
  color: var(--loud) !important;
}

.bg-slightly-weird {
  background-color: var(--slightly-weird) !important;
}

.fg-faintly-cool {
  color: var(--faintly-cool) !important;
}
a:hover .fg-faintly-cool {
  color: var(--loud) !important;
}

.bg-faintly-cool {
  background-color: var(--faintly-cool) !important;
}

.fg-faintly-weird {
  color: var(--faintly-weird) !important;
}
a:hover .fg-faintly-weird {
  color: var(--loud) !important;
}

.bg-faintly-weird {
  background-color: var(--faintly-weird) !important;
}

.fg-loud {
  color: var(--loud) !important;
}
a:hover .fg-loud {
  color: var(--loud) !important;
}

.bg-loud {
  background-color: var(--loud) !important;
}

.fg-hushed {
  color: var(--hushed) !important;
}
a:hover .fg-hushed {
  color: var(--loud) !important;
}

.bg-hushed {
  background-color: var(--hushed) !important;
}

.fg-whisper {
  color: var(--whisper) !important;
}
a:hover .fg-whisper {
  color: var(--loud) !important;
}

.bg-whisper {
  background-color: var(--whisper) !important;
}

.fg-quiet {
  color: var(--quiet) !important;
}
a:hover .fg-quiet {
  color: var(--loud) !important;
}

.bg-quiet {
  background-color: var(--quiet) !important;
}

.fg-silent {
  color: var(--silent) !important;
}
a:hover .fg-silent {
  color: var(--loud) !important;
}

.bg-silent {
  background-color: var(--silent) !important;
}

.overlay {
  position: relative;
}

.hero-overlay {
  background-color: var(--hero);
  inset-block-start: 0;
  inset-inline-start: 0;
  mix-blend-mode: overlay;
  opacity: 60%;
  position: absolute;
  width: 100%;
  height: 100%;
}

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