:root{
  --cream: #F3ECDB;
  --sage:  #D8DDC3;
  --peach: #F7D9C1;
  --grey:  #CBCFD1;
  --nest-blue:#1B2E74;
  --navy:  #2E3652;   /* great for text (not harsh like black) */
  --brown: #B57C47;   /* warm supporting heading color */
  --blue:  #8498C1;   /* soft accent */
  --coral: #EA7D5C;   /* accent/pop */
}

body{
  background: linear-gradient(180deg, var(--cream) 0%, #ffffff 55%, var(--sage) 120%);
  color: var(--navy);
  line-height: 1.6;
}

/* Headings */
.myApp .nest-heading{
  xfont-family: 'A Day Without Sun';
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: var(--nest-blue);
}

/* Sub headings */
.myApp .nest-subheading{
  font-family: 'Poppins', sans-serif;
  font-weight: 100;
  color: var(--nest-blue);
}

/* Body text */
.myApp .nest-body{
  font-family: 'Poppins', sans-serif;
  color: var(--nest-blue);
}

/* Headings */
.myApp h1{
  letter-spacing: -0.02em;
}

.myApp h2{
  letter-spacing: -0.01em;
}

.myApp h3{
}

/* Paragraph text */
.myApp .nest-points {
  display: flex;
  flex-direction: column;
  align-items: center;     /* keeps the whole block centered */
  gap: 6px;
}

.myApp .nest-point {
  max-width: 420px;        /* keeps line lengths nice */
  text-align: center;      /* looks softer for this type of content */
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: var(--nest-blue);
}

.myApp .small-heading{
  font-size: .85rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8498C1;
  font-weight: 600;
}