html {
  background-color: #000511;
  color: #DDD0AA;
  /* padding: 0 20%; */
}

a {
  text-decoration: none;
  color: inherit;
}

nav {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

nav a {
  flex: 1;
  text-align: center;
}

#games li {
  width: 10%;
  list-style: none;
}

#games img {
  width: 100%;
}

#posts {
  list-style: none;
  line-height: 2;
}

#posts li {
  padding-left: 10%;
}

#authored {
  color: #00AA00;
  display: inline-block;
}

#modified {
  color: #FFAA00;
  display: inline-block;
}

#games li a label {
  display: block;
  text-align: center;
}

.error {
  background-color: #FFAAAA;
  color: black;
}

.success {
  background-color: #AAFFAA;
  color: black;
}

#post-header h1 {
  text-align: center;
}

#contents {
  line-height: 1.2;
  margin-top: 10%;
}

#login {
  width: 30%;
  margin: 10% auto;
}

#login div {
  padding-top: 5px;
  padding-bottom: 5px;
}

#login label {
  /* width: 20%; */
  /* display: inline-block; */
}

@media (min-aspect-ratio: 1.8) and (height >= 600px) {
  html {
    padding: 0 20%;
  }
}