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