/* Simple GPA Calculator Styles */

/* Basic page setup */
body {
  font-family: Arial, sans-serif;
  background: #f2f2f2;
  padding: 20px;
  text-align: center;
}

/* Headings */
h1 {
  color: #333;
}

h2 {
  margin-top: 20px;
  color: #444;
}

/* Tabs (buttons at top) */
button {
  margin: 5px;
  padding: 8px 15px;
  cursor: pointer;
  border: 1px solid #aaa;
  background: white;
}

button:hover {
  background: #ddd;
}

/* Hide tabs by default */
.tab {
  display: none;
  margin-top: 20px;
  background: white;
  padding: 15px;
  border: 1px solid #ccc;
}

/* Show the active tab */
.tab.active {
  display: block;
}

/* Inputs */
input {
  padding: 5px;
  margin: 5px 0;
  width: 200px;
}

/* Footer text */
p {
  margin: 10px 0;
}