/* ///////////////////////////////////////////////////////////////////// */
/* Imports */

@import url(../../../src/utilities/colors.css);

/* ///////////////////////////////////////////////////////////////////// */
/* Background */

.contact-background {
  background-image: linear-gradient(to right, var(--purple), var(--orange));
  padding: 15.2rem 0;
}

/* ///////////////////////////////////////////////////////////////////// */
/* Section */

#contact-section {
  background-color: var(--dark-blue);
  padding: 4.8rem 1.2rem;
}

@media (min-width: 768px) {
  #contact-section {
    border-radius: 2.4rem;
    box-shadow: 0 0 2.4rem 0 var(--blue-black-04);
  }
}