:root {
  --main-bg-color: #323436ff;
  --main-text-color: #d6c9f6ff;
  --accent-color-1: #a76571ff;
  --accent-color-2: #400406ff;
}

body {
  color: var(--main-text-color);
  background-color: var(--main-bg-color);
  font-family: 'Source Sans Pro', sans-serif;
}

a,
a:focus {
  color: var(--accent-color-1);
  text-decoration: none;
  font-weight: bold;
}

.no-bullets {
  list-style-type: none;
  padding: 0;
}

a:hover {
  color: var(--accent-color-2);
  text-decoration: none;
}

.centerpiece {
    display: table-cell;
    vertical-align: middle;
}

.wrapper {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

@media (min-width: 1200px) {
  .container{
      max-width: 970px;
  }
}