@import url('https://rsms.me/inter/inter.css');

/*
FFB8B4
*/

body {
  font-family: 'Inter', system-ui, sans-serif;
}

h1, h2, h3, h4, h5 {
  letter-spacing: -0.01em;
}

header h2 {
  font-weight: 800;
  letter-spacing: -0.03em;
}

header h2 small {
  font-weight: 200;
  color: #BBB;
}

header h3 {
  font-weight: 300;
  font-size: 1.1em;
  background-color: #FDF38E;
  color: #111112;
  display: inline-block;
  padding: 0.5rem 0.8rem;
}

p,
#copy {
  color: #555;
}

  #copy p.lead {
    color: #333;
  }

#lets-talk {

}

  #lets-talk h4 {
    font-weight: 900 !important;
  }

  #lets-talk .cta-button {
    background: #d2ffb4;
    color: #506f2c;
    padding: 0.5rem 0.8rem;
    display: inline-block;
    font-weight: 500;
  }

footer {
  font-size: 0.7em;
  margin: 2em 0;
}

footer .inner {
  padding-top: 1em;
  border-top: 1px solid #EEE;
}

footer p,
footer a {
  color: #BBB;
}

footer a:hover {
  color: #999;
}

/* Mobile/Tablet */
@media (max-width: 768px) {
  header {
    text-align: center;
  }

  #copy .inner,
  #lets-talk .inner,
  footer .inner {
    margin-left: 1em;
    margin-right: 1em;
  }
}

/* Desktop */
@media (min-width: 768px) {
  #animoji {
    float: right;
  }

  header h2 small {
    padding-left: 0.6em;
  }
}