#container {
  max-width: 1400px;
  margin: 0 auto;
}

#flex {
  display: flex;
}

main {
  background-color: var(--bg-main);
  border-radius: 15px;
  margin: 0 15px;
  flex: 1;
  padding: 20px;
  order: 2;
}

aside {
  background-color: rgba(36, 20, 69, 0.8);
  border-radius: 15px;
  width: 250px;
  padding: 10px;
  font-size: smaller;
}

#leftSidebar { order: 1; }
#rightSidebar { order: 3; }

@media only screen and (max-width: 800px) {
  #flex { flex-wrap: wrap; }
  aside { width: 100%; }
  main { order: 1; }
  #leftSidebar { order: 2; }
  #rightSidebar { order: 3; }
}