@import "tailwindcss";

@tailwind base;
@tailwind components;
@tailwind utilities;

/* 
.tab-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}

.tab-buttons button {
  padding: 10px 20px;
  border: 2px solid #333;
  background: #f1f5f8;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}

.tab-buttons button:hover {
  background: #ffeaa7;
}

.tab-buttons .active {
  background: #fdcb6e;
  border-color: #fdcb6e;
  color: white;
  transform: scale(1.05);
}


.tab-content {
  max-width: 900px;
  margin: 0 auto;
}  */