main { max-width: 70ch; padding: 2ch; margin: auto; font-family: "Roboto", Helvetica, Arial, Sans-serif; word-wrap: break-word; background-color: white; line-height: 1.5; } a:visited { color:blue } @media (prefers-color-scheme: dark) { body, main { background: #1b262c; color: white; } a { color: #21e6c1 } a:visited { color: #21e6c1 } input[type="text"], input[type="password"], textarea { color: white; background-color: #121212; } } @media only screen and (max-width: 600px) { body { font-size: 16px } input[type="text"], input[type="password"], textarea { font-size: 1rem; } } h1, h2, h3, h4, h5, h6{ margin-top:0; margin-bottom:.2em; } .footer { font-style: italic; color: grey; font-size: .9em; } body { } table { margin-left: 7px } p { margin-bottom: .2em; line-height: 1.5; margin-top: 0px; } .inline { display: inline; } img { max-width: 100%; } #editor { width: 100%; border: 1px solid #999999; margin: 5px 0; padding: 3px; font-size: .9rem; resize: vertical; } .textform { width: 100%; resize: vertical; } .impersonate { font-style: italic; font-weight: bold; background-color: } .button { background-color: white; /* Green */ border: 1px solid black; text-decoration: none; padding: 2px 5px; display: inline-block; margin: 0px; font-size: 1rem; } .button:hover { background-color: black; color: white; } .delete:hover { background-color: red; color: white; } .error { color: red; } .alert { color: green; } .nav { color: blue; } .user-admin-details { margin-left: 1em; margin-bottom: 1em; } a { text-decoration: none; } pre { line-height: 1.2; overflow: auto; } a:hover { text-decoration: underline; }