html, body {
  height: 100%;
}

.text_box {
  margin-top: 50px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  
}

#container {
  width: 90%; /* Adjusted width to make it responsive */
  max-width: 800px; /* Added max-width for better readability on larger screens */
  background-color: white;
  margin: 20px auto; /* Increased margin for better spacing */
  padding: 20px; /* Added padding for better spacing */
}

#toolbar {
  margin-top: 20px; /* Added margin between toolbar and images */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.center_buttons {
  margin: auto;
  display: block;
}

/* Adjusting button sizes for smaller screens */
.btn {
  padding: 8px 16px;
  font-size: 16px;
}

/* Media Query for larger screens */
@media (min-width: 768px) {
  #toolbar button {
      margin: 0 10px; /* Add margin between buttons */
  }
}