/**
 * blog website css
 * layout, nav, etc
 */
html {
  --border-color: #E0dac6;
  --background-color: #222;
  --nav-background: #E0dac6;
  --link-color: #000;
  --border-size: 8px;
  --font-color: #abe338;
  box-sizing: border-box;
  font-family: sans-serif;
  height: 100%;
  width: 100%;
}
*, *::before, *::after {
  box-sizing: inherit;
}
body {
  background-color: #000;
}

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

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


#nav a {
  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;
  padding-left: 2ch;
}
#nav a {
  color: #abe338;
  text-decoration: none;
}