:root {
  --bodyBackgroundColor: #282A36;
  --bodyForegroundColor: #F8F8F2;
  --linkForegroundColor: #BD93F9;
  --borderColor: #383A59; }

html {
  background-color: var(--bodyBackgroundColor);
  color: var(--bodyForegroundColor); }

a, a:visited {
  text-decoration: none;
  color: var(--linkForegroundColor); }

hr {
  width: 80%;
  color: var(--borderColor); }

nav#site-nav {
  font-family: sans-serif;
  margin-bottom: 1rem;
  text-align: center;
  font-weight: bold; }
  nav#site-nav a, nav#site-nav a:visited {
    font-size: 1.5rem;
    margin: 0 0.5rem; }
  nav#site-nav a.brand-name {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 4rem;
    color: #39166A;
    text-shadow: 0px -2px 4px #fff, 0px -2px 10px #FF3, 0px -10px 20px #F90, 0px -20px 40px #C33; }

main {
  border-top: solid 2px var(--borderColor);
  border-bottom: solid 2px var(--borderColor);
  max-width: 900px;
  margin: 0 auto 0.5rem auto;
  padding: 0 2rem 0 2rem; }