html {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 12pt;
}

h1, h2, h3, h4, h5 {
    color: #50483b;
    font-weight: normal;
}

.code {
    background-color: #f5f5f5;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-size: 0.7rem;
    color: #333;
}

pre.code {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}

.tutorial {
  margin: 0 0 10px 0;
  color: #777;
  font-size: pt;

  @media #{$small-desktop} {
    margin: 10px 0;
  }
}

.faint {
    font-size: 0.8rem;
    color: #DDD;
}

a.faint {
    font-weight: bold;
}

.placeholder {
    font-size: 0.8rem;
    color: #CCC;
    font-style: italic;
}

a {
    text-decoration: none;
    color: #0091ea;
}

a:active, a:hover {
    text-decoration: none;
    color: #0091ea;
}
