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"], input[type="password"], textarea {
 20    color: white;
 21    background-color: #121212;
 22  }
 23}
 24@media only screen and (max-width: 600px) {
 25  body {
 26    font-size: 16px
 27  }
 28  input[type="text"], input[type="password"], textarea {
 29    font-size: 1rem;
 30  }
 31}
 32
 33h1, h2, h3, h4, h5, h6{
 34    margin-top:0;
 35    margin-bottom:.2em;
 36}
 37
 38.footer {
 39  font-style: italic;
 40  color: grey;
 41  font-size: .9em;
 42}
 43
 44body {
 45}
 46
 47table {
 48  margin-left: 7px
 49}
 50p {
 51    margin-bottom: .2em; 
 52    line-height: 1.5;
 53    margin-top: 0px; 
 54}
 55
 56.inline {
 57  display: inline;
 58}
 59
 60img {
 61  max-width: 100%;
 62}
 63
 64#editor {
 65  width: 100%;
 66  border: 1px solid #999999;
 67  margin: 5px 0;
 68  padding: 3px;
 69  font-size: 1rem;
 70  resize: vertical;
 71}
 72
 73.textform {
 74width: 100%;
 75resize: vertical;
 76}
 77
 78.impersonate {
 79  font-style: italic;
 80  font-weight: bold;
 81  background-color: 
 82}
 83
 84.button {
 85  background-color: white; /* Green */
 86  border: 1px solid black;
 87  text-decoration: none;
 88  padding: 2px 5px;
 89  display: inline-block;
 90  margin: 0px;
 91  font-size: 1rem;
 92}
 93
 94
 95.button:hover {
 96  background-color: black;
 97  color: white;
 98}
 99
100.delete:hover {
101  background-color: red;
102  color: white;
103}
104
105.error {
106  color: red;
107}
108
109.warning {
110  color: #ffcc00 ;
111}
112
113.alert {
114  color: green;
115}
116
117.nav {
118  color: blue;
119}
120
121.user-admin-details {
122  margin-left: 1em;
123  margin-bottom: 1em;
124}
125
126a {
127text-decoration: none;
128}
129
130pre {
131    line-height: 1.2;
132    overflow: auto;
133}
134
135a:hover {
136  text-decoration: underline;
137}
138
139blockquote {
140  font-style: italic;
141}