/* bitter-regular - latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/bitter-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Bitter Regular'), local('Bitter-Regular'),
       url('/fonts/bitter-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/bitter-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/bitter-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/bitter-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/bitter-v15-latin-regular.svg#Bitter') format('svg'); /* Legacy iOS */
}

/* bitter-700 - latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/bitter-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Bitter Bold'), local('Bitter-Bold'),
       url('/fonts/bitter-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/bitter-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/bitter-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/bitter-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/bitter-v15-latin-700.svg#Bitter') format('svg'); /* Legacy iOS */
}

/* bitter-italic - latin */
@font-face {
  font-family: 'Bitter';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/bitter-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Bitter Italic'), local('Bitter-Italic'),
       url('/fonts/bitter-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/bitter-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/bitter-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/bitter-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/bitter-v15-latin-italic.svg#Bitter') format('svg'); /* Legacy iOS */
}

body     { line-height: 1.4; font-size: 1.1rem; color: #ebdbb2; padding: 0 10px; font-family: "Bitter", sans-serif; background: #1d2021 }
h1       { font-size: 2rem; color: #d79921 }
h1,h2,h3 { line-height: 1.2; color: #d79921 }
h1 small,
h2 small { color: #ebdbb2; font-weight: normal }
h1 small { font-size: 70% }
ul       { list-style: none; padding: 0 0 0 30px }
a        { color: #2295FB; text-decoration: none }
a:hover  { background: #2295FB; color: white; box-shadow: 0 0 0 1px #2295FB }
h2       { margin-top: 2rem }
img      { float: right; margin-left: 20px; border-radius: 4px; margin-bottom: 1rem }
code     { font-family: Inconsolata, monospace; font-size: 1.2rem }
.container { width: 960px; margin: 30px auto }
dt       { width: 90px; float: left; color: #aaa }
dd       { margin-left: 100px }
.crumbs  { border-bottom: 1px solid #777; padding: 10px 0; color: #aaa }
footer   { margin-top: 3rem; padding-top: 10px; border-top: 1px solid #777 }
pre      { background: #32302f; padding: 5px; overflow-x: auto; width: 100%; font-size: 1rem; font-family: Inconsolata, monospace }
article h2 { margin-top: 50px }
article h3 { margin-top: 40px }
ul.index-list { border-bottom: 1px solid #777; padding: 0; padding-bottom: 20px; margin-top: 10px }
article h4 { margin-bottom: 0 }
.profile-pic { max-width: 200px }
li code  { margin-right: 10px }

@media (max-width: 960px) {
  .container {
    width: 100%;
  }
}