@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");
*, html {
  border: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}

*, root {
  --main-background: #CBDAE9;
  --logo-green: #E5F0E7;
  --logo-accent: #779BC6;
  --logo-text: #5A5E63;
  --hero-accent: #0073ff;
  --text: black;
}

body {
  background-color: var(--main-background);
  color: var(--text);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding: 1em 1em;
}
body div {
  text-align: center;
}
body div.hero-wrapper .logo {
  width: 80%;
  margin: 40px 0 30px 0;
}
body div.hero-wrapper a.families {
  width: 100%;
  text-align: end;
  font-size: 12px;
  font-weight: 500;
  color: var(--logo-accent);
  text-decoration: none;
}
body div.hero-wrapper a.families:hover {
  color: var(--hero-accent);
  font-weight: bolder;
}
@media (min-width: 450px) {
  body div.hero-wrapper a.families {
    width: 380px;
  }
}
body div.contact-wrapper {
  background-color: var(--logo-green);
  padding: 2em;
  border-radius: 8px;
  max-width: 320px;
  box-shadow: 5px 5px 25px rgb(128, 128, 128);
}
@media (min-width: 450px) {
  body div.contact-wrapper {
    width: 380px;
    max-width: 380px;
  }
}
body div.contact-wrapper h2 {
  color: var(--hero-accent);
  margin-bottom: 2em;
}
body div.contact-wrapper .contact-form .email-input {
  text-align: center;
}
body div.contact-wrapper .contact-form label {
  font-size: 14px;
  font-weight: 500;
  color: var(--logo-text);
}
body div.contact-wrapper .contact-form input {
  padding: 10px 5px;
  margin: 10px 0;
  border-radius: 8px;
  border: 1px solid var(--logo-text);
  box-sizing: border-box;
  width: 100%;
}
body div.contact-wrapper .contact-form .cta-btn {
  padding: 10px 20px;
  border-radius: 8px;
  margin: 3em 0 0;
  font-weight: 500;
  color: var(--logo-green);
  background-color: var(--hero-accent);
  width: 100%;
}
body div.contact-wrapper .contact-form .cta-btn:hover {
  background-color: green;
}/*# sourceMappingURL=style.css.map */