.contact-banner {
  margin-bottom: 2.5%;
  min-width: 350px;
  width: 40%;
}

.contact-container {
  margin: 0 auto;
  width: 70%;
  margin-bottom: 5px;
}

.contact-container.bottom-marquee {
  margin-top: 5px;
}

.contact-marquee {
  border-style: double;
  margin-left: 3px;
  background-color: white;
}

.contact-marquee.purple {
  border-color: purple;
}

.contact-card {
  border-style: double;
  margin-left: 3px;
  height: 250px;
  text-align: center;
  padding: 10px;
}

.contact-card.discord {
  background-color: rgb(139, 218, 250);
  border-color: rgb(17, 159, 253);
}

.discord-hr {
  border-style: double;
  border-color: rgb(17, 159, 253);
}

.contact-card.steam {
  background-color: black;
  border-color: white;
  color: white;
}

.steam-hr {
  border-style: double;
  border-color: white;
}

.contact-card.email {
  background-color: rgb(232, 255, 149);
  border-color: rgb(17, 159, 253);
}

.email-hr {
  border-style: double;
  border-color: rgb(255, 145, 0);
}

.card-text.orange {
  color: rgb(255, 145, 0);
  margin-top: 35px;
}

.contact-img {
  margin-bottom: 11px;
  margin-top: 12px;
}

.footer-text {
  color: black !important;
  font-weight: bold !important;
}