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

.question {
    font-size: 22px;
    font-weight: bold;
}

a {
    text-decoration: underline solid;
    color: inherit;
}

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

.separador {
  background: #4A148C;
  color: white;
}
.separador .remark-slide-number {
    display: none;
}

.activity {
  background: #efe;
}

.exemplo {
    background: lightyellow;
}

.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;
  font-size: 84%;
}

blockquote p {
  margin: 0;
}

p + ul {
    margin-top: -12px;
}

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;
}
.bgray {
  color: #bbf;
}
.purple {
  color: #9900bb;
}
.bpurple {
  color: #9900bb;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}
.js {
  color: #F0DB4F;
}
.bjs {
  color: #F0DB4F;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}
.orange {
  color: #ff9500;
}
.borange {
  color: #ff9500;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}
.green {
  color: #00aa33;
}
.green {
  color: #00aa33;
}
.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%;
}
.bbred {
  color: red;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 140%;
}
.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 {
  line-height: 1.6;
}

li {
  line-height: 1.6;
}

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

ul {
  line-height: 1.6;
}

.detail {
    font-size: 70%;
    color: #bbb;
}

table {
    line-height: 1.6;
    margin-left: 40px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
}

.space {
    display: inline-block;
}

table + p {
    margin-top: 40px;
}

h1 code {
    background: #eef;
}

table code {
  background: white;
}

thead {
  text-align: left;
  border-bottom: 1px solid black;
}