.red {
  color: red;
}

mark.red {
    color:#ff0000;
    background: none;
}

mark.blue {
    color: blue;
    background: none;
}

@media only screen and (max-width: 767.98px) {
  img {
    width: 100.0% !important;
  }
}

.lfloat {
  float: left;
  position: relative;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  line-height: 0;
  vertical-align: middle;
  display: block;
}

.lfloat .quarto-figure {
  margin: 0;
}

.rfloat {
  float: right;
  position: relative;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  line-height: 0;
  vertical-align: middle;
  display: block;
}

.rfloat .quarto-figure {
  margin: 0;
}