@media (max-width: 767px) {
  .scroll-indicator {
    position: absolute;
    left: 46%;
    bottom: 6rem;
  }
  .hero-description {
    font-size: 1rem;
  }
  .about-paragraphs {
    font-size: 1rem;
  }
  .highlight-description {
    font-size: 0.88rem;
  }
  .skill-tag {
    font-size: 0.8rem;
  }
  .project-content p {
    font-size: 0.88rem;
  }
  .project-description{
    font-size: 0.88rem;
  }
  .footer-tagline {
    text-align: center;
  }
}

.form-messages {
  display: block;
}

.form-messages.mb-0 * {
  margin-bottom: 0;
}

.form-messages.success {
  color: #27ae60;
  display: block;
}

.form-messages.error {
  color: #eb5757;
  display: block;
}

.form-messages pre {
  padding: 0;
  background-color: transparent;
  color: inherit;
}