/* web fonts */
/*
font-family: 'Playfair Display', serif;
font-family: 'Raleway', sans-serif;
*/

:root {
    /* Hex */
    --indigo: #540d6e;
    --sunglow: #ffd23f;
    --rustyred: #dd2d4a;
    --lightcrimson: #f26a8d;
    --amaranthpink: #f49cbb;
    --white: #fafafa;
    --grey200: #eeeeee;
    --grey500: #9e9e9e;
    --grey700: #616161;
    --grey900: #212121;
    --black: #191919;
}

body {
  background: var(--white);
  margin: 0; padding: 0;
}

h1 {
    font-size: 34px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 37.4px;
}

h3 {
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 24.2px;
}

p {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 22.8571px;
}

blockquote {
    font-family: "Raleway", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
}

pre {
    font-family: monospace;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18.5714px;
}

h1,
h2 {
    font-family: "Playfair Display", serif;
    color: var(--grey900);
    font-style: sans-serif
}

h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
    color: var(--grey700);
    font-style: sans-serif
}

p {
    color: var(--black);
}

p .lead {
    color: var(--grey700);
    font-weight: 700;
}