.post-content {
    max-width: 55em;
}

.mastery {
    background-color: #8df;
    color: #003;
    border-radius: 2pt;
    padding: 0pt 2pt;
}

.note {
    display: block;
    background-color: #ffa;
    color: #550;
    border-radius: 3pt;
    padding: 3pt 4pt;
}

textarea {
    width: 45em;
}

.reflection input[type=text] {
    width: 25em;
}

.circuit {
    width: 40em;
    height: 30em;
}

.circuit.big {
    width: 55em;
    height: 45em;
}

.columns {
  width: 100%;
  margin: auto;
  clear: both;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.columns.top {
  align-items: flex-start;
}

.columns.bottom {
  align-items: flex-end;
}

.columns.stretch {
  align-items: stretch;
}