/*
This file contains the CSS styles for the contact page.
It includes styles for the contact form, buttons, and other elements.
*/

main.contact-container {
  max-width: 700px; /* Set the maximum width of the contact container */
  margin: 3em auto; /* Center the container with a margin on top and bottom */
  padding: 0 1em; /* Add padding to the left and right of the container */
  border-radius: 8px; /* Round the corners of the container */
  font-family: 'Source Sans Pro', sans-serif; /* Set the font for the contact page */
}

/* Regular links */
a {
  color: #7564ce; /* Regular links color */
  text-decoration: none; /* Remove underline */
  font-weight: bold; /* Set the font weight to bold */
  transition: color 0.3s; /* Smooth transition for color change on hover */

}

/* Regular links hover */
a:hover {
  color: #9d90f0; /* Change color when hovered */
}


/* Styling for links in the contact info */
.contact-info a {
  color: #7564ce; /* Regular links color */
  text-decoration: none; /* Remove underline */
  font-weight: bold; /* Set the font weight to bold */
  transition: color 0.3s; /* Smooth transition for color change on hover */
}

/* Hover effect for links in the contact info */
.contact-info a:hover {
  text-decoration: underline; /* Add underline on hover */
  color: #9d90f0; /* Change color on hover */
}