body {
  font-family: Arial, sans-serif;
  background-color: #111;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 20px;
}

.game-container {
  max-width: 600px;
  margin: 0 auto;
}

h1 {
  font-size: 36px;
}

.options button,
.menu #saveSession,
.menu #loadSession {
  display: inline-block;
  margin: 10px;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  background-color: #333;
  color: #fff;
}

.menu #saveSession:hover,
.menu #loadSession:hover {
  background-color: #555;
}

This CSS update uses display: inline-block; for the "Save Session" and "Load Session" buttons within the .menu class. This change should place the buttons next to each other horizontally. Adjust the margins or paddings as necessary to achieve the desired spacing between the buttons.

.options button:hover,
.menu #saveSession:hover,
.menu #loadSession:hover {
  background-color: #555;
}
small {
  display: block;
  text-align: center;
  margin-top: 19px;
}

#sessionSavedInfo {
  display: inline-block;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
}

#sessionSavedInfo.session-saved {
  color: green;
}
.menu #linkButton {
      display: inline-block;
      margin-right: 10px;
      padding: 8px 16px;
      font-size: 16px;
      cursor: pointer;
      border-radius: 5px;
      border: none;
      background-color: #333;
      color: #fff;
      text-decoration: none; /* Ensure no default link underline */
    }

    .menu #linkButton:hover {
      background-color: #555;
    }