html {
  --border-color: #E0dac6;
  --background-color: #222;
  --nav-background: #E0dac6;
  --link-color: #000;
  --border-size: 8px;
  --font-color: #abe338;
  font-family: sans-serif;
  height: 100%;
  width: 100%;
}
body {
  background-color: #000;
}

#container {
  max-width: 100ch;
  min-width: 60ch;
  margin: auto ;
  box-sizing: border-box;
}

p {
	line-height: 1.6;
}
#nav h4 {
  border-color: #000;
}


#nav h4 {
  border: 0px;
}


#post, #nav {
  border-left: var(--border-size) solid var(--border-color);
  padding: 1ch;
  margin: auto ;
  font-size: 16px;
  font-family: sans-serif;
  box-sizing: content-box;
}

#nav {
  background-color: var(--background-color);
}
#nav ul {
  color: #FFF;
}
#nav a {
  color: #abe338;
  text-decoration: none;
}