.copyright::before { content: "\00A9  2018-2022"; }

* { font-family: monospace; }

.red   { color: #ff0000; }
.green { color: #009900; }
.blue  { color: #000099; }
.grey3 { color: #333333; }
.grey6 { color: #666666; }
.grey9 { color: #999999; }
.greyc { color: #cccccc; }

a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: underline; }

hr { border: 0; border-top: 1px solid #999999; }

div.box {
  margin: 15px 5px 15px 5px;
  padding: 5px 15px 5px 15px;
  border: #999999 1px solid;
  overflow: auto;
}

div.p { margin: 10px 0 10px; }

.center { text-align: center; }