/* ============================================================================
   CONTACT SECTION
   ============================================================================ */

.contact-container {
  text-align: center;
  max-inline-size: 37.5rem;
  margin-inline: auto;
}

.contact-container p {
  font-size: 1rem;
  color: var(--secondary);
  margin-block-end: 2rem;
}

.contact-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  margin-block-end: 2rem;
}

.contact-links a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s;
}

.contact-links a:hover {
  color: var(--hover);
}