:root {
     --text: #222;
     --head: #111;
     --muted: #666
 }

 html,
 body {
     margin: 0;
     padding: 0;
     background: #fff;
     color: var(--text);
     font: 16px/1.65 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial
 }

 .wrap { 
     margin: 100px auto;
     padding: 0 18px 64px
 }

 h1 {
     margin: 0 0 22px;
     font-size: 28px;
     font-weight: 800;
     letter-spacing: .02em;
     color: var(--head);
     text-transform: uppercase
 }

 h2 {
     margin: 28px 0 14px;
     font-size: 26px;
     font-weight: 800;
     color: var(--head)
 }

 h3 {
     margin: 18px 0 10px;
     font-size: 18px;
     font-weight: 800;
     color: var(--head)
 }

 p {
     margin: 10px 0
 }

 .small {
     color: var(--muted)
 }

 @media (max-width:640px) {
     h1 {
         font-size: 24px
     }

     h2 {
         font-size: 22px
     }
 }

 em {
     font-style: italic
 }

 strong {
     font-weight: 700
 }