:root {
  --background-colour: #eeeeee;
  --log-cabin: #222222;
  --trinidad: #f24405;
  --white: #ffffff;
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 10px;
  --font-size-xl: 24px;
  --font-size-xxl: 32px;
  --font-size-xxxl: 40px;
  --font-size-xxxxl: 48px;
  /*--font-family-red_hat_display: "Red Hat Display", Helvetica;*/ }

.h6 {
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0; }

.h3 {
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0; }

.h4 {
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0; }

.h5 {
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0; }

.h2 {
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0; }

.h1 {
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0; }

.p {
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0; }

.b {
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0; }

.redhatdisplay-semi-bold-white-10px {
  color: var(--white);
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600; }

.redhatdisplay-semi-bold-log-cabin-80px {
  color: var(--log-cabin);
  font-family: var(--font-family-red_hat_display);
  font-size: 80px;
  font-style: normal;
  font-weight: 600; }

.redhatdisplay-bold-log-cabin-14px {
  color: var(--log-cabin);
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-m); }

.redhatdisplay-bold-log-cabin-12px {
  color: var(--log-cabin);
  font-family: var(--font-family-red_hat_display);
  font-size: 12px;
  font-style: normal;
  font-weight: 700; }

.redhatdisplay-semi-bold-log-cabin-24px {
  color: var(--log-cabin);
  font-family: var(--font-family-red_hat_display);
  font-size: var(--font-size-xl);
  font-style: italic;
  font-weight: 600; }

.redhatdisplay-bold-gallery-500px {
  color: var(--background-colour);
  font-family: var(--font-family-red_hat_display);
  font-size: 500px;
  font-style: normal;
  font-weight: 700; }

.redhatdisplay-bold-gallery-243px {
  color: var(--background-colour);
  font-family: var(--font-family-red_hat_display);
  font-size: 243px;
  font-style: normal;
  font-weight: 700; }

.border-1px-background-colour {
  border: 1px solid var(--background-colour); }

.border-1px-log-cabin {
  border: 1px solid var(--log-cabin); }

.border-2px-log-cabin {
  border: 2px solid var(--log-cabin); }