body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #121212;
  color: #ffffff;
}

.button-container {
  margin: 0 20px 0 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

.dark-button {
  background: linear-gradient(45deg, #c0c0c0, #a9a9a9);
  color: #fff;
  border: 2px solid #444;
  padding: 20px 40px; /* Made buttons bigger */
  font-size: 24px; /* Increased font size */
  border-radius: 12px; /* Slightly larger border radius */
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}

.dark-button:hover {
  background: linear-gradient(45deg, #d3d3d3, #bebebe);
  transform: scale(1.05);
}

.dark-button:active {
  background: linear-gradient(45deg, #a9a9a9, #909090);
  transform: scale(1);
}