@media (prefers-color-scheme: dark) {
   body {
      background: black;
      color: white;
   }
}

body {
   margin: 0;
}

.page-title {
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   margin: 10px;
}

.page-nav {
   display: table;
   margin: 5px auto;
   padding: 0;
   list-style-type: none;
}

.page-error {
   background: darkred;
   border-radius: 5px;
   color: pink;
   display: table;
   margin: 20px auto;
   padding: 10px 20px;
}

.page-nav li {
   background: darkgray;
   border: 1px solid white;
   display: inline-block;
   margin: 0;
   padding: 5px;
}

.page-nav a, .page-nav a:visited {
   color: black;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
}

.profile-form, .login-form {
   display: table;
   margin: 10px auto;
   text-align: right;
}

.profile-field, .login-field {
   padding: 5px;
}

.chat-messages {
   font-family: Courier, monospace;
   width: 90%;
   margin: 10px auto;
}

.chat-messages td {
}

.chat-from {
   font-weight: bold;
   width: 200px;
}

.chat-time {
   width: 200px;
}

.chat-msg {
}

.chat-form {
   display: table;
   margin: 10px auto;
}