html, body {
  background-color: #08090a;
}

.centered-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.25rem;
  height: 100vh;
  width: 100vw;;
  color: #b8afaa;
}

.refyge-subtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-style: bold;
  padding-bottom: 1rem;
}

.medium {
  font-weight: 1000;
  font-size: 1.25rem;
}

.small {
  font-weight: 400;
  font-size: 0.75rem;
}

.logo-container {
  padding-bottom: 3.75rem;
}

.next-drop-banner {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.438rem;
  letter-spacing: 0.063rem;
  padding-bottom: 1.5rem;
}

.newsletter-input {
  border: 2px solid;
  border-radius: 0px;
  border-right: none;
}

.newsletter-submit {
  border: 2px solid;
  border-radius: 0px;
  border-left: none;
  background-color: white;
}

.newsletter-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.submit-btn:hover {
  color: #590000;
  border: none;
  background-color: white;
}

.submit-btn {
  background-color: white;
  border: none;
}

.form-control {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
}

.socials-container {
  padding-top: 2.5rem;
}

.socials-list {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
}

.btn-socials {
  color: #e9d49f;
  border: none;
}

.btn-socials:visited {
  border: none;
  color: #e9d49f
}

.btn-socials:active {
  border: none;
  color:#e9d49f
}

.btn-socials:hover {
  border:none;
  color: #e9d49f
}

.modal-content {
  color: #e9d49f;
  background-color: #2d2d2d;
  border-radius: 0px;
}