$white: fff; $light_gray: efefef; $dark_gray: #666; $black: #000; //////////////////////////////////////////////////////////////////////////////// h1, h2, h3, p, blockquote {

margin: 0;
padding: 0;

} body {

font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: $black;
background-color: $white;
margin: 0;

} code, pre {

font-family: 'Droid Sans Mono', monospace;

}

//////////////////////////////////////////////////////////////////////////////// header {

color: $light_gray;
background-color: $dark_gray;
padding: 2em 1em 1em 4em;

} h1 {

font-family: Lobster, sans-serif;
font-size: 60px;

}

//////////////////////////////////////////////////////////////////////////////// footer {

margin: 1em;
background-color: $dark_gray;
color: $light_gray;
border-radius: 10px;
text-align: center;
a {
  color: $light_gray;
}

} //////////////////////////////////////////////////////////////////////////////// // notes section.notes {

margin-top: 1em;
h2 {
  color: $dark_gray;
  font-size: 1.5em;
}

} //////////////////////////////////////////////////////////////////////////////// article {

margin: 1em;

} section.category {

border: 2px solid $dark_gray;
border-radius: 10px;
background-color: $dark_gray;
margin: .5em 0;
overflow: hidden;
h2 {
  color: $white;
  font-size: 1.5em;
  text-align: center;
}
padding-bottom: 5px;

} table {

background-color: $white;
border-collapse: collapse;
width: 100%;

} td {

padding: 2px;

} td.command {

width: 15%;
white-space: nowrap;
vertical-align: top;
padding: .3em 0 0 .3em;
code {
  // Nice key styling:
  // https://developers.google.com/chrome-developer-tools/docs/shortcuts
  padding: .1em .6em;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
  border-radius: 3px;
  border: 1px solid #ccc;
  background-color: $light_gray;
  color: #333;
}

}

td.description {

.name {
  font-size: 1.2em;
}

} tr:nth-child(even) {

background: $light_gray;

}

a {

color: $dark_gray;

} p + p {

margin-top: .5em;

}