/* Ensure the page stretches to 100% of the viewport height */
html,
body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* Let the main section grow to fill available space */
main {
  flex: 1;
}

/* Contact Section */
.contact-section {
  padding: 60px 20px;
  background-color: #111111;
  text-align: center;
}

.contact-section h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.contact-list {
  list-style: none;
  padding: 0;
  font-size: 1.1rem;
  color: #ffffff;
}

.contact-list li {
  margin: 15px 0;
}

.contact-list a {
  color: #FF8C00;
  text-decoration: none;
}

.contact-list a:hover {
  text-decoration: underline;
}

.discord {
  color: #FF8C00;
}