.s-home {
  background-color: #07100c;
}

.coming-brand {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  color: #f0f7f1;
  font-size: 1.5rem;
  font-weight: 900;
  text-decoration: none;
}

.coming-brand img {
  width: 44px;
  height: 44px;
}

.home-particles {
  opacity: 0.28;
}

.gradient-overlay {
  background:
    linear-gradient(
      112deg,
      rgba(7, 16, 12, 0.96) 0%,
      rgba(11, 20, 17, 0.82) 56%,
      rgba(7, 16, 12, 0.92) 100%
    ),
    rgba(7, 16, 12, 0.72);
}

.btn.btn--primary,
button.btn--primary,
input[type="submit"].btn--primary,
input[type="reset"].btn--primary,
input[type="button"].btn--primary {
  border-color: #9fc9ad;
  background: #9fc9ad;
  color: #07100c;
}

.btn.btn--primary:hover,
button.btn--primary:hover,
input[type="submit"].btn--primary:hover,
input[type="reset"].btn--primary:hover,
input[type="button"].btn--primary:hover,
.btn.btn--primary:focus,
button.btn--primary:focus,
input[type="submit"].btn--primary:focus,
input[type="reset"].btn--primary:focus,
input[type="button"].btn--primary:focus {
  border-color: #c7d8cb;
  background: #c7d8cb;
  color: #07100c;
}

.home-content h3,
.home-content__hint,
.home-social span {
  color: rgba(240, 247, 241, 0.66);
}

.home-content h3::before,
.home-content__line,
.info-menu-icon::before,
.info-menu-icon::after {
  background-color: #9fc9ad;
}

.home-social a:hover i,
.home-social a:focus i,
.home-social li:hover span {
  color: #9fc9ad;
}

.home-social span::after {
  background-color: #9fc9ad;
}

.s-info {
  background-color: #eef3ee;
  color: #152019;
}

.s-info h1,
.s-info h3 {
  color: #152019;
}

.s-info p {
  color: rgba(21, 32, 25, 0.72);
}