/* using this https://colorhunt.co/palette/ebecf1206a5d1f40681b1c25

light color: #EBECF1
green: #206A5D
ligther green (link): #629E94
blue: #1F4068
darker blue: #00050B
dark: #1B1C25
*/

/* body */

@font-face {
	font-family: 'inria-serif';
	font-style: normal;
	font-weight: 400;
	src: local('inria-serif'), url(../fonts/inria-serif.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
	}



body {
    background: #1B1C25;
    color: #EBECF1;
}

/* wrapper */

h1 {
    font-weight: bold;
    font-size: 4em;
    text-align: center;
    padding-bottom: .5em;
    padding-top: .5em;
    margin-bottom: .1em;
    font-family: 'inria-serif', serif;
    background: #206A5D;
}

h2 {
    font-weight: bold;
    font-size: 2em;
    font-family: 'inria-serif', serif;
    margin-bottom: .25em;
}

p, li, summary {
    margin-bottom: 1em;
    font-family: Arial, sans-serif;
    line-height: 1.25em;
    font-size: 1.25em;
}

a {
    color: #9AC6BD;
    text-decoration: none;
}

#clickMore::after {
    content: " (Click any of these headers for more information):";
    font-style: italic;
}

/* main */

main {
    background: #00050B;
    max-width: 54em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
}

main p:first-child {
    font-weight: bold;
    font-size: 1.5em;
    font-family: 'inria-serif', serif;
}


/* section: pledge */

.pledge {
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.pledge .pledge-part {
    font-weight: bold;
    font-family: 'inria-serif', serif;
    color: #9AC6BD;
}


/* footer */
footer {
    padding-top: 1em;
    background: #1F4068;
    text-align: center;
    font-size: .9em;
    padding-bottom: 1em;
}

footer h2 {
    font-size: 1.5em;
}