body { font-family: 'Droid Serif'; }
h1, h2, h3 {
  font-family: 'Yanone Kaffeesatz';
  font-weight: normal;
}

.passo {
  /* border-left: 12px green solid; */
}

.activity {
  background: #efe;
}

.box {
  background: #eef;
  border: 8px solid blue;
  border-radius: 20px;
}

blockquote {
  background: #ddddff;
  padding: 1em 2em 1em 1em;
  line-height: 1.6;
  border-left: 12px blue solid;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

blockquote p {
  margin: 0;
}

li ul {
  padding-left: 20px;
}

li li {
  color: #999;
  font-size: 85%;
}

blockquote address {
  text-align: right;
}
.quote {
  font-size: 120%;
  font-style: italic;
  border-left: 10px blue solid;
  padding-left: 20px;
}
.green {
  color: #0099aa;
}
.bgreen {
  color: #009900;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}
.red {
  color: red;
}
.bred {
  color: red;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}
.blue {
  color: blue;
}
.bblue {
  color: blue;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}
.quote-green {
  font-size: 120%;
  font-style: italic;
  border-left: 10px green solid;
  padding-left: 20px;
  line-height: 2.0;
}
.remark-code, .remark-inline-code {
  font-family: 'Ubuntu Mono';
}

p, li {
  line-height: 1.6;
}

code {
  background: #cff;
  border-radius: 5px;
  padding: 2px 5px 2px 5px;
}

ul {
  line-height: 1.6;
}