// Global configs

html {
  background: $bw-2;
  font-size: calc(10px + (13 - 12.5) * (100vw - 400px) / (800 - 400));
}

body {
  background-repeat: no-repeat;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background: $bw-2;
}

a, *:visited {
  text-decoration: none;
  outline: none;
  color: inherit !important;
}

nav.wrapper {
  height: 1rem;
  min-height: 50px;
  padding: 0.75rem 0.75rem 0.75rem 1.5rem;
  @include flexbox_parent(row, flex-start, center);

  span:hover, span:visited, span:focus {
    color: #666666;
  }

  span {
    margin-right: 2rem;
    font-size: calc(8px + 0.75rem);
  }
}

// Syntax for code
figure.highlight {
  margin: 1rem;
  padding: 0 0.5rem;

  pre {
    padding: 0.5rem;
    border-radius: 5px;
    overflow: scroll;
  }
}