/* In this file, you can add your custom styles for low-resolution screens. */
@media screen and (min-width: 769px) and (max-width: 1200px) {
  body {
    overflow: auto;
  }

  #game-container {
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
    padding: 20px;
  }

  #left-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 400px;
  }

  #right-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 500px;
  }
}