/* Light mode */
:root {
   --body-bg: #FFFFFF;
   --body-color: #404040;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
   :root {
       --body-bg: #404040;
       --body-color: #f8f8f8;
   }
}

body {
  background: var(--body-bg);
  color: var(--body-color);
  font-family: "Source Sans Pro", Graphik, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  width: 50%
}

a:link,a:active,a:visited {
  color: var(--body-color);
}

hr {
  border: 1px solid #ccc;
}

table {
  width: 80%;
}

th,td {
  text-align: left;
}

@media (max-width: 420px){
	body {
		width: 98%;
	}

	hr {
		width: 98%;
		margin-left: 0
	}