* { box-sizing: border-box; font-size: 17px; } body { margin: 0; font-family: Aileron, sans-serif; line-height: 1.5; color: var(--color-text); } main { padding: 4rem 0 8rem; } .content { width: 100%; max-width: var(--page-width); padding-left: 1.25rem; padding-right: 1.25rem; margin-left: auto; margin-right: auto; } h1, h2, h3, h4 { color: var(--color-primary); } h1 { font-weight: 700; font-size: 2.8em; text-transform: uppercase; } h2 { font-weight: 300; font-size: 2.4em; line-height: 2; } h3 { font-weight: 300; font-size: 1.8em; line-height: 2; } h4 { font-weight: 400; font-size: 1.3em; line-height: 2; } h5 { font-weight: 700; font-size: 1em; margin-bottom: 1em; } p { line-height: 1.8; } :root { font-size: 12px; --page-width: 1280px; --color-text: #495057; --color-primary: {{ eseColor }}; --color-livestream-active: #fff; }