/*----------------------------------------------*\
    GLOBAL
	======

	@package museumofthesoul

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package museumofthesoul

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 500px */
/* 600px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* 
 *
 * 1./  
------------------------------------------------*/
/* line 16, ../src/global.scss */
html {
  scroll-behavior: smooth; }

/* line 19, ../src/global.scss */
body {
  font-family: davis-sans, sans-serif;
  background-color: #DEE1CC;
  color: #000000;
  font-weight: 300;
  position: relative; }

/* line 26, ../src/global.scss */
.wrapper {
  padding-left: 1em;
  padding-right: 1em; }
  @media screen and (min-width: 50em) {
    /* line 26, ../src/global.scss */
    .wrapper {
      padding-left: 2em;
      padding-right: 2em; } }
  @media screen and (min-width: 68.75em) {
    /* line 26, ../src/global.scss */
    .wrapper {
      padding-left: 3em;
      padding-right: 3em; } }

/* line 39, ../src/global.scss */
.wrapper--content {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto; }

/* line 44, ../src/global.scss */
.wrapper--text {
  max-width: 50em;
  margin-left: auto;
  margin-right: auto; }

/* line 51, ../src/global.scss */
.typography p {
  font-size: 1em;
  margin-bottom: 1em;
  line-height: 1.5; }
  @media screen and (min-width: 50em) {
    /* line 51, ../src/global.scss */
    .typography p {
      font-size: 1.125em; } }
  @media screen and (min-width: 68.75em) {
    /* line 51, ../src/global.scss */
    .typography p {
      font-size: 1.25em; } }
/* line 63, ../src/global.scss */
.typography a {
  color: #000000;
  display: inline-block;
  text-decoration: none;
  margin-bottom: -6px; }
  /* line 69, ../src/global.scss */
  .typography a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.75);
    transition: background-color 0.2s; }
  /* line 77, ../src/global.scss */
  .typography a:hover:after, .typography a:focus:after {
    background-color: black; }