nav.horizontal-navbar {
  width: 90%;
  margin: 0 auto var(--spacing);

  border: var(--border-thickness) dashed var(--border-color);
  border-radius: var(--border-radius);

  background-color: var(--theme-surface-0);
}
ol.horizontal-navbar {
  width: 100%;
  justify-content: space-around;
}
li.horizontal-navbar {
  padding: var(--padding);
}

#main {
  width: 85%;
  margin: 0 auto var(--spacing);

  padding: var(--padding);

  border: var(--border-thickness) dashed var(--border-color);
  border-radius: var(--border-radius);

  background-color: var(--theme-surface-1);
}

#main > aside {
  width: 30%;
  flex-direction: column;
}

/* Profile Picture */
#main > aside > img {
  margin: 0 auto var(--spacing);
  width: 100%;
  border-radius: 50%;
}

/* Username */
#main > aside > span {
  margin: 0 auto;
  font-size: calc(var(--font-size) * var(--h3-multiplier));
}

#main > section {
  width: 70%;
}

footer {
  padding: var(--padding);
  border: var(--border-thickness) dashed var(--border-color);
  border-radius: var(--border-radius);

  background-color: var(--theme-surface-0);
}