// 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;
}

}