@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i");

* { box-sizing: border-box }

body {
  font-family: 'Cousine', 'Consolas', 'monaco', monospace;
  font-size: 12px;
  line-height: 1.2;
  margin: 20px 0 0;
  padding: 15px;
  max-width: 580px;
  -webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 480px){
  .content { font-size: 14px; }
}

figure {
  margin: 30px 0;
  color: #777;
}

a { color: #000 }

img { max-width: 100%; }

hr {
  height: 0;
  border: none;
  margin: 30px 0;
  border-bottom: 3px solid #ddd;
}

pre.title {
  font-weight: bold;
  line-height: 1.2;
  color: #f66983;
  text-shadow: #ddd 2px 2px 0;
}

.footnote {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
  text-decoration: none;
}

b {
  background: rgba(0, 200, 0, .1);
  font-size: 105%;
  padding: 0 2px;
}

b b { background: rgba(0, 100, 0, .4) }

b b b b { background: rgba(255, 150, 30, 1) }

b b b b b { background: rgba(255, 0, 0, .3) }

b b b b b b {
  background: rgba(255, 0, 0, 1);
  color: white;
}

b b b b b b b {
  background: rgba(50, 50, 50, 1);
  text: rgba(255, 50, 50, 1) 0 0 5px;
}

b b b b b b b b {
  color: yellow;
}

figure {
  display: none;
}