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