@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Raleway:wght@400;700&display=swap');

:root {
  /* Primary */
  --intro-bg: hsl(217, 28%, 15%); 
  --main-bg: hsl(218, 28%, 13%); 
  --footer-bg: hsl(216, 53%, 9%);
  --testimonials-bg: hsl(219, 30%, 18%); 

  /* Accent */
  /* inside call-to-action gradient */
  --cyan: hsl(176, 68%, 64%);
  --blue: hsl(198, 60%, 50%);

  /* Erro */
  --light-red: hsl(0, 100%, 63%);

  /* Neutral */
  --white: hsl(0, 0%, 100%);
}

html {
  font-size: 62.5%;
}

.container {
  padding: 6.4rem;
}

@media screen and (max-width: 425px){
  .container {
    padding: 3.2rem;
  }
}

.invalid-email {
  font-family: 'Open Sans';
  font-size: 1rem;
  font-weight: 700;
  color: var(--light-red);
  position: absolute;
  left: 1.6rem;
  top: 4.8rem;
}