#flex-container {
  flex-direction: column;
}

footer {
  padding-bottom: calc(100lvh - 100svh);
}

header {
  margin-bottom: 0.5rem;
}

main {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  max-width: calc(100% - 2rem);
  order: 1;
  padding: 0.5rem;
}

nav {
  border-top-color: #0a0a0a;
  border-top-style: solid;
  border-top-width: 1px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  order: 2;
  padding: 0.5rem;
}

img {
  height: auto;
  max-width: 100%;
}