frontend/marko/components/annotation/style.less

div.annotation {
  outline: 1px solid;
  padding: 0.25em 1ch;
  margin-bottom: 1em;

  h2 {
    font-size: 1em;
    margin: 0;
    text-align: center;
    border-bottom: 0.25px dotted;
    margin-bottom: 0.25em;
    padding-bottom: 0.25em;
  }

  p {
    margin-top: 0.5em;
  }
  p:first-of-type {
    margin: 0;
  }
}

div.annotation-level-info {
  background-color: rgba(0, 31, 63, 0.5);
  color: #08F;
}

div.annotation-level-warning {
  background-color: rgba(63, 31, 0, 0.5);
  color: #F80;
}

div.annotation-level-error {
  background-color: rgba(63, 7, 0, 0.5);
  color: #F10;
}