@font-face {
  font-family: Roboto;
  src: url(../font/roboto.ttf);
}
@font-face {
  font-family: Roboto_Condensed;
  src: url(../font/roboto-condensed.ttf);
}

.markdown {
  font-family: 'Roboto_Condensed', Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  padding: 40px;
  color: #000000;
}

.markdown hr {
  color: #000000;
}

.markdown h1 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.markdown h2 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 40px;
  text-transform: uppercase;
}

.markdown h3 {
  font-size: 20px;
  margin-top: 40px;
  text-transform: uppercase;
}

.markdown p {
  color: #000000;
  font-size: 16px;
}

.markdown li {
  font-size: 16px;
}