1main {
  2  max-width: 70ch;
  3  padding: 2ch;
  4  margin: auto;
  5  font-family: "Roboto", Helvetica, Arial, Sans-serif;
  6  word-wrap: break-word;
  7  background-color: white;
  8  line-height: 1.5;
  9}
 10
 11a:visited {
 12  color:blue
 13}
 14
 15@media (prefers-color-scheme: dark) {
 16  body, main { background: #1b262c; color: white; }
 17  a { color: #21e6c1 }
 18  a:visited { color: #21e6c1 }
 19  input[type="text"], textarea {
 20    color: white;
 21    background-color: #121212;
 22  }
 23}
 24
 25h1, h2, h3, h4, h5, h6{
 26    margin-top:0;
 27    margin-bottom:.2em;
 28}
 29
 30.footer {
 31  font-style: italic;
 32  color: grey;
 33  font-size: .9em;
 34}
 35
 36body {
 37}
 38
 39table {
 40  margin-left: 7px
 41}
 42p {
 43    margin-bottom: .2em; 
 44    line-height: 1.5;
 45    margin-top: 0px; 
 46}
 47
 48.inline {
 49  display: inline;
 50}
 51
 52img {
 53  max-width: 100%;
 54}
 55
 56#editor {
 57  width: 100%;
 58  border: 1px solid #999999;
 59  margin: 5px 0;
 60  padding: 3px;
 61  font-size: .9rem;
 62  resize: vertical;
 63}
 64
 65.textform {
 66width: 100%;
 67resize: vertical;
 68}
 69
 70.impersonate {
 71  font-style: italic;
 72  font-weight: bold;
 73  background-color: 
 74}
 75
 76.button {
 77  background-color: white; /* Green */
 78  border: 1px solid black;
 79  text-decoration: none;
 80  padding: 2px 5px;
 81  display: inline-block;
 82  margin: 0px;
 83}
 84
 85.button:hover {
 86  background-color: black;
 87  color: white;
 88}
 89
 90.delete:hover {
 91  background-color: red;
 92  color: white;
 93}
 94
 95.error {
 96  color: red;
 97}
 98
 99.nav {
100  color: blue;
101}
102
103.user-admin-details {
104  margin-left: 1em;
105  margin-bottom: 1em;
106}
107
108a {
109text-decoration: none;
110}
111
112pre {
113    white-space: pre-wrap;
114    line-height: 1.2;
115}
116
117a:hover {
118  text-decoration: underline;
119}