/* --- TEXT --- */

/* --- References --- */

/* font-family: "Exo", sans-serif; */
/* weights variable 100-900 */ 


/* --- Text | General --- */


html {font-family: 'Exo', sans-serif; font-size: 1rem; font-weight: 600; color: var(--black);}

a {color: inherit; text-decoration: initial;}

h2 {font-weight: 800;}
h2 span {background-color: var(--accent);}

h3 {font-size: 1.3em; font-weight: 700;}

p {font-size: 1em; font-weight: 300;}

strong {font-weight: 600;}

hr {border-width: 1px; margin: 3em 0 0 0; opacity: 0.5;}



/* --- Specifics --- */

#navigation .item span {text-transform: uppercase; font-weight: 700; padding: 0.1em 0.35em; transition: background 250ms;}
#navigation .item span:hover {background: var(--accent);}

.banner .title {font-size: 1.75em; line-height: 1.25em; text-align: center;}

.timeline .text1 {font-size: 2.25em; line-height: 1em; font-weight: 900; margin-top: 0.5em; text-align: center;}
.timeline .text2 {font-size: 1.25em; font-weight: 300; text-align: center;}
.timeline .year {font-size: 1.25em; font-weight: 700; text-align: center; color: var(--accent);}

.timeline .item.total .text1 {font-size: 2.75em;}
.timeline .item.total .text2 {text-transform: uppercase;}

.timeline .item .note {text-align: center; font-size: 0.85em; font-style: italic; margin-top: 1em;}

.endnote {text-align: right;}


.numbers .item {color: var(--accent2); text-align: center; font-weight: 300;}
.numbers .item span {font-size: 1.75em; font-weight: 900; line-height: 1em;}

.qualities .sticker .text1 {text-transform: uppercase; font-weight: 400; font-size: 1.75em; line-height: 1.25em;}
.qualities .sticker .text2 {text-transform: uppercase; font-weight: 900; font-size: 1.75em; line-height: 1.25em;}

.button {text-transform: uppercase; font-weight: 600; font-size: 1.25em;}


footer {font-size: 0.8em; font-weight: 200;}

footer a {color: inherit; text-decoration: none;}

.footer-footer {text-align: center;}