body {
  background-color: #121924;
  color: white;
}

.wrap {
  background: #1b222b;
}

label {
  color: white;
}

a {
  color: #b7d334;
  text-decoration: none;
}

a:hover {
  color: #cde173;
  text-decoration: underline;
}

.button {
  background-color: #b7d334;
  color: #121924;
}

.button:hover {
  background-color: #cde173;
  color: #121924;
}

.social-links {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.social-links__item {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.social-links__item.twitter {
  background-image: url(/public/static/icon-twitter.svg);
  background-size: 15px;
}

.social-links__item.discord {
  background-image: url(/public/static/icon-discord.svg);
}

.social-links__item.youtube {
  background-image: url(/public/static/icon-youtube.svg);
}

.social-links__item.instagram {
  background-image: url(/public/static/icon-instagram.svg);
  background-size: 16px;
}

.social-links__item.facebook {
  background-image: url(/public/static/icon-facebook.svg);
  background-size: 10px;
}

.social-links__item.tiktok {
  background-image: url(/public/static/icon-tiktok.svg);
  background-size: 17px;
}