oranges.css

body{
  font-family: 'SF UI Display', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 18px;
  line-height: 26px;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6{
  line-height: 100%;
}

h1, h2, h3 {
  font-weight: 200;
}

h4, h5, h6{
  font-weight: 400;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2em;
}

h3{
  font-size: 1.5em;
}

a {
  color: #08c;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

code{
  font-family: Menlo, monospace;
}

pre{
  word-break: normal;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}