/* General body styles */
* {
  font-family: Arial, Helvetica, sans-serif;
  /* Keep your existing font settings */
}

html,
body {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #f8f9fa;
  /* Light gray background for the body */
}

.container {
  margin-top: 50px;
  /* Space above the container */
}

/* Main tag styles */
main {
  margin: auto;
  width: 100%;
  /* Change to 100% for better responsiveness */
  padding: 20px;
}

/* Heading styles */
h1.display-4 {
  text-align: center;
  /* Center the main title */
  font-size: 3.5em;
  /* Keep the existing font size */
  font-weight: bold;
  /* Make the title bold */
  color: #007bff;
  /* Bootstrap primary color */
}

h2,
h3 {
  text-align: center;
  /* Center the subheadings */
  color: #6c757d;
  /* Bootstrap secondary color for subheadings */
}

/* Card styles */
.card {
  margin: 20px 0;
  /* Space between cards */
  border-radius: 0.5rem;
  /* Rounded corners for cards */
}

/* Button styles */
.btn-primary {
  background-color: #007bff;
  /* Bootstrap primary color */
  border: none;
  /* Remove border */
}

.btn-primary:hover {
  background-color: #0056b3;
  /* Darker blue on hover */
}

/* Accordion styles */
.accordion-button {
  background-color: #e9ecef;
  /* Light background for accordion buttons */
  color: #495057;
  /* Text color for accordion buttons */
}

.accordion-button:not(.collapsed) {
  background-color: #007bff;
  /* Primary color for active accordion button */
  color: white;
  /* White text for active state */
}

.accordion-item {
  margin-bottom: 10px;
  /* Space between accordion items */
}

/* Responsive adjustments */
@media (max-width: 576px) {
  h1.display-4 {
    font-size: 2rem;
    /* Adjust size on smaller screens */
  }

  h2 {
    font-size: 1.5rem;
    /* Adjust size on smaller screens */
  }

  h3 {
    font-size: 1.25rem;
    /* Adjust size on smaller screens */
  }
}


footer {
  padding: 20px 0;
  background-color: #f8f9fa;
  /* Light gray background */
  position: relative;
  bottom: 0;
  width: 100%;
}




.speech {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 1.1rem;
  line-height: 1.8;