body.page-home {
  background: linear-gradient(to bottom, var(--brand), var(--brand-dark));
}

.page-home .container {
  margin-top: 180px;
}

.main-contentH {
  text-align: center;
  margin-bottom: 80px;
  margin-top: 5%;
}

.instructions {
  text-align: justify;
  margin: 20px 0;
}
.instructions p {
  margin-bottom: 10px;
}
.instructions code {
  background-color: #f5f5f5;
  padding: 2px 4px;
  border-radius: 4px;
  font-family: monospace;
}

.btn-emails {
  display: inline-block;
  padding: 15px 30px;
  background-color: var(--brand);
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  margin-top: 20px;
  transition: background-color 0.3s ease;
}
.btn-emails:hover {
  background-color: var(--accent-brand);
}

li {
  text-align: left;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .page-home .container {
    width: 90%;
    padding: 10px;
    margin-top: 80px !important;
  }
}

@media (max-width: 480px) {
  body.page-home {
    background-image: none;
    background-color: var(--brand);
  }
  .page-home .container {
    width: 320px;
  }

  .main-contentH {
    margin-top: 80px !important;
    max-width: 90%;
  }
}