:root {
  color-scheme: light dark;
  --primary-text: light-dark(#4a4a4a, #c1c1c1);
}

body {
  /* There should be no un-elemented text */
  color: light-dark(#ff0000, #ff0000);
  background-color: light-dark(#a9e1eb, #1e293b);
}

h1, h2, h3, h4, h5, h6 {
  color: light-dark(#1a1a1a, #d1d1d1);
}

p {
  color: var(--primary-text);
}

a {
  color: var(--primary-text);
  text-decoration-line: none;
}

a:hover {
  color: #008cff;
  text-decoration-line: underline;
}

.msg_container {
  width: 450px;
  max-width: 100%;
  background: #4a4a4a;
  border-radius: 18px;
  overflow: hidden;
  margin: 50px auto;
  padding: 10px;
  text-align: center;
}