/* For text-heavy pages only */
@import url('vars.css');

main {
  margin:auto;
  width:40vw;
  background: #141414;
  padding:10px 20px 10px 20px;
}

article, footer {line-height: 1.5em;}

#title {
  color: var(--title);
  font-size:9em;
  display:flex;
  justify-content:center;
  text-align:center;
  opacity:95%;
}

header ul {
  list-style: none;
  padding-left:4px;
  font-family: monospace;
  font-size: 0.9em;
}

header li {
  margin:2px;
}

nav li {
  display: inline;
}

nav li:nth-child(n + 2) {
  margin-left:10px;
}

@media screen and (orientation:portrait), screen and (pointer: coarse), (max-width: 1200px) {
  main {
    width:80vw;
  }
}