body {
    font-family: "Noto Sans Mono", monospace;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

h1, h2 {
    margin-bottom: 0;
    margin-left: 2%;
}

#tag {
    margin-left: 2%;
    text-align: left;
}

.content {
    margin-left: 2%;
    text-align: left;
}
.infobox {
    background: color-mix(in srgb, var(--button-bg) 80%, white 20%);
    width: 25%;
    float: right;
}

h4 .infobox {
    text-align: right;
}

.infobox img {
    width:100%;
}

.infobox .infoheader {
    background: color-mix(in srgb, var(--button-bg), white);
    margin:0;
}

th, td {
    text-align: left;
    vertical-align: top
}

hr {
    margin-top: 0;
}