:root {
    --bg: #1f1f1f;
    --fg: #2c2c2c;
    --text-bg: #bdc1c6;
    --text-fg: #ffffff;
    --accent-bg: #5d2595;
    --accent-fg: #7723ca;
}

* {
    font-family: "Open Sans", helvetica, arial, sans-serif;
}

body {
    margin: 0;
    padding: 0;
    color: var(--text-bg);
    background-color: var(--bg);
}

.nav ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  background-color: var(--fg);
}

.nav ul li {
  float: left;
}

.nav ul li a {
  color: var(--text-fg);
  display: block;
  padding: 7px 8px;
  text-align: center;
  text-decoration: none;
}

.nav ul li a:hover {
  background-color: var(--accent-fg);
}

.content {
  padding-top: 1px;
}