1main {
  2  max-width: 72ch;
  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}
 64
 65.button {
 66  background-color: white; /* Green */
 67  border: 1px solid black;
 68  text-decoration: none;
 69  padding: 2px 5px;
 70  display: inline-block;
 71  margin: 0px;
 72  font-size: 1rem;
 73}
 74
 75
 76.button:hover {
 77  background-color: black;
 78  color: white;
 79}
 80
 81.delete:hover {
 82  background-color: red;
 83  color: white;
 84}
 85
 86.error {
 87  color: red;
 88}
 89
 90.warning {
 91  color: #ffcc00 ;
 92}
 93
 94.alert {
 95  color: green;
 96}
 97
 98.nav {
 99  color: blue;
100}
101
102.user-admin-details {
103  margin-left: 1em;
104  margin-bottom: 1em;
105}
106
107a {
108text-decoration: none;
109}
110
111pre {
112    line-height: 1.2;
113    font-size: 1rem;
114    overflow: auto;
115}
116
117a:hover {
118  text-decoration: underline;
119}
120
121ul {
122  padding-left: 1.5rem;
123}
124
125.indent-wrap {
126  padding-left: 1em;
127  text-indent: -1em;
128}
129
130blockquote {
131  margin-left: 1.5em;
132  font-style: italic;
133  background: #f9f9f9;
134  border-left: .5em solid #ccc;
135  padding: .5em 10px;
136}
137
138@media (prefers-color-scheme: dark) {
139  body, main { background: #1b262c; color: white; }
140  a { color: #21e6c1 }
141  a:visited { color: #21e6c1 }
142  input[type="text"], input[type="password"], textarea {
143    color: white;
144    background-color: #121212;
145  }
146  blockquote {
147    background-color: #121212;
148    border-left: .5em solid black;
149  }
150}
151
152@media only screen and (max-width: 600px) {
153  body {
154    font-size: 16px
155  }
156  input[type="text"], input[type="password"], textarea {
157    font-size: 1rem;
158  }
159
160  blockquote {
161    margin-left: 0;
162    margin-right: 0;
163  }
164}
165
166hr.thin {
167  border: 0;
168  height: 0;
169  border-top: 1px solid rgba(0, 0, 0, 0.1);
170  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
171}