/* Add your custom CSS here */

.section-selector-1 p { color: var(--purple-800)}

.section-selector-2 { background-color: var(--pink-200) }
.section-selector-2 .col-2.col-text p { color: var(--black-000) }
.section-selector-2 h2 { color: var(--red-700) }

.section-selector-3 { background-color: var(--green-200) }
.section-selector-3 h2 { color: var(--green-700) }

.section-selector-4 { background-color: var(--purple-800) }
.section-selector-4 h2 { color: var(--white-000) }
.section-selector-4 .col-2.col-text p { color: var(--white-000) }

.section-selector-5 { background-color: var(--yellow-200) }
.section-selector-5 h2 { color: var(--yellow-600) }

/* FONT */

body { font-family: 'Neucha', cursive }

/* FONT SIZES */

header h1 { font-size: calc(64px + (148 - 64) * (100vw - 320px) / (1920 - 320)); }
header h2 { font-size: calc(32px + (64 - 32) * (100vw - 320px) / (1920 - 320)); }

header h1, header h2 { letter-spacing: 1px }

section > p.deckhead { font-size: calc(24px + (42 - 24) * ((100vw - 320px) / (1140 - 320))); }

.cols-2-half .col-2 h2 {
    font-size: calc(32px + (56 - 32) * ((100vw - 320px) / (1140 - 320)))
 }
 
 .cols-2-half .col-2 p {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1140 - 320)))
 }
 
 .cols-2-half .col-2 h2, .cols-2-half .col-2 p { letter-spacing: 1px }

 #email-box { border: solid 1px #000; padding: 4px 8px;}