.content-card {
  background-color: var(--bg-content-color);
  max-width: var(--content-width);
  margin: 0 auto;
  transition: background-color 0.6s;
  padding: var(--space);
  border-radius: $radius_main;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.02), 1px 1px 15px 0 rgba(0,0,0,0.03);
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.02), 1px 1px 15px 0 rgba(0,0,0,0.03);
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.6s;
  transition: background-color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.6s;
  -o-transition: transform 0.3s, background-color 0.3s, box-shadow 0.6s;
  transition: transform 0.3s, background-color 0.3s, box-shadow 0.6s;
  transition: transform 0.3s, background-color 0.3s, box-shadow 0.6s, -webkit-transform 0.3s, -webkit-box-shadow 0.6s;
}
.content-card>:first-child {
  margin-top: 0;
}
.content-card>:last-child {
  margin-bottom: 0;
}
.MathJax {
  overflow-x: auto;
  overflow-y: hidden;
}
.separate-dot:after {
  content: ' · ';
}