/* Style for the main container */
#main-container {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(16, 1fr);
  gap: 1px; /* Optional: Add gap between squares */
  width: 100%;
  height: 100vh; /* Adjust as needed */
}

/* Style for each square div */
#main-container div {
  background-color: #f0f0f0; /* Default background color */
  border: 1px solid #ccc; /* Optional: Add border for better visibility */
  box-sizing: border-box;
}

#reset {
  background-color: aquamarine;
  border-radius: 8px;
  border: none;
  width: 70px;
  height: 40px;
}
#resize {
  background-color: aquamarine;
  border-radius: 8px;
  border: none;
  width: 70px;
  height: 40px;
}
#random-button {
  background-color: aquamarine;
  border-radius: 8px;
  border: none;
  width: 70px;
  height: 40px;
}

#controls {
  display: flex;
  gap: 10px;
}