/* Global Styles */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333;
}

a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.btn-primary {
  background-color: #007bff;
  color: #fff;
}

.btn-primary:hover {
  background-color: #0062cc;
  color: #fff;
}

/* Specific Styles */

/* Home Page */

.jumbotron {
  background-color: #f8f9fa;
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}

.home-link {
  font-size: 1.5rem;
}

/* Login and Signup Pages */
.bg-green-500{
background-color: rgba(0, 128, 0, 0.356);
}
.card {
  margin-top: 2rem;
  border-radius: 0.3rem;
}

.card-header {
  background-color: #f8f9fa;
}

.form-group {
  margin-bottom: 1rem;
}

.alert-danger {
  margin-top: 1rem;
}

/* Homework Form Page */

#id_title {
  width: 100%;
  margin-bottom: 1rem;
}

#id_description {
  width: 100%;
  height: 150px;
  margin-bottom: 1rem;
}

#id_due_date {
  width: 100%;
  margin-bottom: 1rem;
}



.button-group {
  display: flex;
  max-width: 64rem; /* Tailwind max-w-4xl */
  margin: 0 auto; /* Center align */
  border: 2px solid black; /* Outer border */
  border-radius: 8px; /* Rounded corners */
  overflow: hidden; /* Prevent buttons from overflowing */
}

.button-group button {
  flex: 1; /* Equal width for all buttons */
  padding: 0.5rem 1rem; /* Tailwind px-4 py-2 */
  border: none;
  border-right: 2px solid black; /* Inner borders */
  background-color: #e5e7eb; /* Tailwind bg-gray-200 */
  color: #000; /* Text color */
  cursor: pointer;
  transition: background-color 0.2s ease; /* Smooth hover effect */
}


.button-group .btn-primary-1{
  border-radius: 8px 0 0 8px; /* Rounded left edge */
  background-color: #2563eb; /* Tailwind bg-blue-600 */
  color: #fff; /* White text */
}

.button-group .btn-primary-1 {
  background-color: #1d4ed8; /* Tailwind hover:bg-blue-700 */
}

.button-group button:last-child {
  border-right: none; /* Remove last button's border */
  border-radius: 0 8px 8px 0; /* Rounded right edge */
}