.headerbg {
  background-color: rgb(193, 167, 218);
  display: flex;
  flex-direction: column;
  align-items: center;
  /* border-radius: 15px; */
  /* margin-bottom: 2rem; */
  min-width: 100%;
  border-style: groove;
  border-width: 0px 0px 1px 0px;
}

.quicksand-font {
  font-family: "Quicksand", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.sheysLogo {
  background-color: rgb(160, 138, 180);
  padding: 0.5vh;
  border-radius: 5px 3px 5px 3px;
  border-width: 0.5vh;
  border-style: inset;
}
a {
  color: rgb(74, 49, 97);
  text-decoration: none;
}
.wrapper {
  min-height: 100vh; /* Full viewport height */
}
html,
body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  background-color: rgb(224, 218, 230);
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Full viewport height */
}

.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6vh;
  background-color: rgb(193, 167, 218) !important;
  border-style: groove;
  border-width: 1px 0px 0px 0px;
  padding-top: 2px;
}

.labelbutton {
  background-color: rgb(162, 125, 197);
  color: white;
  width: 100%;
  border-radius: 10px 10px 0px 0px !important;
}

.expanded-image {
  max-width: 0;
  overflow: hidden;
  transition: max-width 1s ease;
}

.expanding-wrapper:hover .expanded-image {
  /* Expand  */
  max-width: 100vw;
}

.hh {
  border-style: dashed;
}

.logos {
  height: 5vh;
}
.logosText {
  height: 3vh;
}

.homeText {
  display: flex;
}

.homeBody {
  display: flex;
  height: 90vh;
  background-color: rgb(206, 196, 214);
  justify-content: center;
  text-align: center;
  justify-self: center;
  margin-left: 3vw;
  margin-right: 3vw;
  border-radius: 5px;
  padding: 1vw;
}

.discord {
  background-color: #2e2e34;
  height: 30vh;
  width: 30vw;
  position: relative;
}

.card.discord {
  margin-left: auto;
  margin-right: auto;
}

/* Center the profile picture container inside its parent */
.pfp-container {
  position: absolute; 
  top: 100%;
  left: 25%;
  transform: translate(-50%, -50%);
}

.card-header {
  position: relative;
}

.pfpcircle {
  color: #2e2e34;
}

.discord-icon {
  background-color: red;
}

.card-body {
  width: 30vw;
}

.card-header {
  height: 10vh;
  width: 30vw;
  background-color: #a27dc8;
  position: relative;
}

.dscard {
  color: white;
  font-size: 3vh;
}
.card-text {
  color: white !important;
}

.buttonhouse {
  background-color: rgba(193, 167, 218, 0.507);
  border-style: inset;
  border-width: 1px;
  border-radius: 5px;
  filter: drop-shadow(2px 2px rgba(128, 128, 128, 0.418));
}