:root {
  --font-body-family: "Chakra Petch", sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-heading-family: "Russo One", sans-serif;
  --font-heading-style: italic;
  --font-heading-weight: 700;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-body-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  text-transform: uppercase;
}