/*!
 * project-name v0.0.1
 * A description for your project.
 * (c) 2019 YOUR NAME
 * MIT License
 * http://link-to-your-git-repo.com
 */

@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Ruthie|Space+Mono|Titillium+Web");
/* line 4, src/sass/main.scss */
.centered {
  text-align: center;
}

/* line 8, src/sass/main.scss */
body {
  background: #141415;
  margin: 0;
}

/* line 13, src/sass/main.scss */
.clear {
  clear: both;
}

/* line 17, src/sass/main.scss */
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 10%;
  color: #9fa6ad;
}

/* line 22, src/sass/main.scss */
.header .inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (min-width: 0em) and (max-width: 31em) {
  /* line 22, src/sass/main.scss */
  .header .inline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 28, src/sass/main.scss */
.header .inline .logo {
  margin: 1em 0;
  font-family: "Ruthie", cursive;
  white-space: nowrap;
  padding-left: 7%;
  font-size: 20vw;
  letter-spacing: 3px;
}

@media (min-width: 31.01em) {
  /* line 28, src/sass/main.scss */
  .header .inline .logo {
    font-size: 10vw;
  }
}

/* line 41, src/sass/main.scss */
.header .navbar {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 4em;
}

/* line 47, src/sass/main.scss */
.header .navbar a {
  font-family: "Titillium Web", sans-serif;
  font-size: 1em;
  text-decoration: none;
  color: #9fa6ad;
  padding: 0 1em;
  letter-spacing: 2px;
}

@media (min-width: 75em) {
  /* line 47, src/sass/main.scss */
  .header .navbar a {
    margin: 0 1.5em;
  }
}

@media (min-width: 100em) {
  /* line 47, src/sass/main.scss */
  .header .navbar a {
    margin: 0 2em;
  }
}

/* line 61, src/sass/main.scss */
.header .navbar a:hover,
.header .navbar .active {
  background-color: #9fa6ad;
  color: #141415;
  border-radius: 1em;
}

/* line 73, src/sass/main.scss */
.art .stuff {
  margin: 0;
}

@media (min-width: 31.01em) {
  /* line 73, src/sass/main.scss */
  .art .stuff {
    margin: 0 20%;
  }
}

@media (min-width: 100em) {
  /* line 73, src/sass/main.scss */
  .art .stuff {
    margin: 0 30%;
  }
}

/* line 81, src/sass/main.scss */
.art .stuff .intro {
  margin: 0 .5em 5em .5em;
  font-family: "Space Mono", monospace;
  font-size: 20px;
  color: #9fa6ad;
  -webkit-font-kerning: auto;
          font-kerning: auto;
  letter-spacing: 1px;
}

/* line 88, src/sass/main.scss */
.art .stuff .intro a.headlines {
  font-size: 2em;
}

/* line 91, src/sass/main.scss */
.art .stuff .intro a:link {
  color: deepskyblue;
  text-decoration: none;
}

/* line 95, src/sass/main.scss */
.art .stuff .intro a:visited {
  color: deepskyblue;
}

/* line 99, src/sass/main.scss */
.art .stuff p {
  font-family: "Space Mono", monospace;
  color: #9fa6ad;
  font-size: inherit;
  line-height: 1.8em;
}