h1, h2, h3, h4, h5, h6 {
  font-family: "PT Sans", sans-serif;
}

nav{
  font-family: "PT Sans", sans-serif;
}

body {
  font-family: "PT Serif", serif;
}
@media (min-width: 1200px){
  body {
      font-size: 16px;
  }
}

p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

.rmdnote, .rmdtip, .rmdwarning {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #f5f5f5 5px center/3em no-repeat;
}

.rmdnote {
  background-image: url("images/note.png");
}
.rmdtip {
  background-image: url("images/tip.png");
}
.rmdwarning {
  background-image: url("images/warning.png");
}

.read{
  padding: 10px 2px 2px 45px;
  margin-bottom: 15px;
  background: rgb(255,165,0, 0.1) 5px center/3em no-repeat;
  background-size: 35px;
  background-image: url(images/book2.png);
  border-radius: 8px;
  border: 1px solid darkorange;
  color: black;
}

.assess{
  padding: 10px 2px 2px 45px;
  margin-bottom: 15px;
  background: rgb(0,102,204, 0.1) 5px center/3em no-repeat;
  background-size: 40px;
  background-image: url(images/exam.png);
  border-radius: 8px;
  border: 1px solid #0066cc;
  color: black;
}

.slides{
  padding: 10px 2px 2px 45px;
  margin-bottom: 15px;
  background: rgb(255, 211, 0, 0.1) 10px center/3em no-repeat;
  background-size: 30px;
  background-image: url(images/slides.png);
  border-radius: 8px;
  border: 1px solid rgb(255, 211, 0);
  color: black;
}

.opt{
  padding: 10px 2px 2px 45px;
  margin-bottom: 15px;
  background: rgb(76,153,0, 0.1) 5px center/3em no-repeat;
  background-size: 35px;
  background-image: url(images/book2.png);
  border-radius: 8px;
  border: 1px solid rgb(76,153,0);
  color: black;
}

.pseudocode{
  padding: 10px 2px 10px 20px;
  margin-bottom: 15px;
  background: #fafafa 5px center/3em no-repeat;
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  color: black;
  font-family: monospace;
}

.note{
  padding: 10px 2px 2px 10px;
  margin-bottom: 15px;
  background: rgb(75,0,130, 0.1) 5px center/3em no-repeat;
  border-radius: 8px;
  border: 1px solid rgb(75,0,130);
  color: black;
}

.wrong{
  padding: 10px 2px 2px 10px;
  margin-bottom: 15px;
  background: rgb(255, 192, 203, 0.4) 5px center/3em no-repeat;
  border-radius: 8px;
  border: 1px solid darkred;
  color: black;
}




.danger{
  background: rgb(255, 192, 203, 0.4);
  border-color: darkred;
}

.hide>code{
   visibility: hidden;
}

.hide>.copy{
   visibility: hidden;
}