html {
  font-size: 18px;
}

body {
  background-color: #f5f6f7;
}

p {
  line-height: 1.5rem;
}

a[href^="http://"],
a[href^="https://"]
{
  /* modify all <a> tag so that the :after is centered */
  display: inline-flex;
  align-items: center;
  color: #df2121;
}

a[href^="http://"]:hover,
a[href^="https://"]:hover
{
  color: #df2121;
}

a[href^="http://"]:after,
a[href^="https://"]:after
{
  /* add an external link icon to all external links (not relative after HTML rewriting) */
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('external-link.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
}

.MathJax svg {
  display: inline;
}

.markdown table {
  display: inline-block;
  overflow: auto;
}
.markdown table thead {
  border-color: inherit;
  background-color: lightblue;
  display: table-header-group;
  vertical-align: middle;
}
.markdown table th {
  font-weight: 700;
}
.markdown table td,
.markdown table th {
  border: 1px solid black;
  padding: 6px 13px;
  text-align: center;
}
.markdown table tbody tr:nth-of-type(odd) {
  background-color: rgb(211, 211, 211, 0.3);
}