.table-container {
            display: flex;
            flex-direction: column;
            width: 100%; /* Allow it to stretch */
        }
  .row {
            display: flex;
            justify-content: space-between; /* Distribute space between columns */
            width: 100%;
        }
  .column {
            flex: 1; /* Each column takes equal space */
            text-align: center; /* Center the text */
            padding: 0 20px; /* Horizontal padding only */
        }

.toggle-container {
  background: radial-gradient(circle at center, cyan, black);
  border: 1px solid #00ffff55;
  border-radius: 20px;
  box-shadow: inset 0 0 20px #00ffff33;
  padding: 30px;
  margin-bottom: 60px;
  position: relative;
}

.menu-options {
  display: flex;
  justify-content: space-around;
  position: relative;
  margin-bottom: 20px;
}

.menu-button {
  background: radial-gradient(circle at center, cyan, black);
  color: #fff;
  border: 2px solid #00ffff33;
  border-radius: 12px;
  padding: 14px 28px;
  cursor: pointer;
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  font-weight: normal;
  letter-spacing: 0.5px;
}

.menu-button.active {
  background: radial-gradient(circle at center, #00ffff, #00cccc);
  color: #000;
  font-weight: bold;
  box-shadow: 0 0 20px #00ffffaa;
  border: 2px solid #00ffff;
}

.content {
  display: none;
  padding: 20px;
  border-top: 1px solid #00ffff55;
  background-color: #111;
  border-radius: 12px;
  font-style: italic;
  color: #00ffff;
  text-shadow: 0 0 6px #00ffff88;
  animation: fadeIn 0.6s ease forwards;
}

.panel-heading {
  font-family: Arial, 'Courgette', sans-serif;
  font-size: 2.2em;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin-bottom: 25px;
  text-shadow: 0 0 4px #00ffff55;
  letter-spacing: 1px;
}

.content.active {
  display: block;
}