nav {
  border-bottom: 1px dotted #d415d4;
}

nav>a {
  display: inline-block;
}

nav>a:hover {
  border-bottom: none;
}

/* TODO: Figure out flexbox or something later, now I just have 2 items :D */
#home::after {
  content: " · ";
  color: #a610a6;
}

#home {
  font-weight: bold;
}

header {
  border-bottom: 1px solid #d415d4;
  margin-bottom: 1.5rem;
}

footer {
  border-top: 1px solid #d415d4;
  margin-top: 1.5rem;
  font-size: smaller;
  text-align: center;
}