@font-face {
  font-family: Source Sans 3;
  src: url("/fonts/source-sans/SourceSans3-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Source Sans 3;
  src: url("/fonts/source-sans/SourceSans3-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Source Sans 3;
  src: url("/fonts/source-sans/SourceSans3-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Source Sans 3;
  src: url("/fonts/source-sans/SourceSans3-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Source Sans 3;
  src: url("/fonts/source-sans/SourceSans3-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

:root {
  --font-family: Source Sans 3, sans-serif;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
}

.extra-light {
  font-weight: var(--font-weight-extra-light);
}

.light {
  font-weight: var(--font-weight-light);
}

.regular {
  font-weight: var(--font-weight-regular);
}

.semi-bold {
  font-weight: var(--font-weight-semi-bold);
}

.bold {
  font-weight: var(--font-weight-bold);
}

.font-source-light-14 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-light);
  font-size: 0.875rem;
}

.font-source-regular-14 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: 0.875rem;
}

.font-source-regular-16 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: 1rem;
}

.font-source-semibold-16 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semi-bold);
  font-size: 1rem;
}

.font-source-regular-18 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: 1.125rem;
}

.font-source-extra-light-20 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-extra-light);
  font-size: 1.25rem;
}

.font-source-light-20 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-light);
  font-size: 1.25rem;
}

.font-source-regular-20 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: 1.25rem;
}

.font-source-semibold-20 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-semi-bold);
  font-size: 1.25rem;
}

.font-source-regular-28 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: 1.75rem;
}

.font-source-bold-28 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: 1.75rem;
}

.font-source-regular-37 {
  font-family: var(--font-family);
  font-weight: var(--font-weight-regular);
  font-size: 2.3125rem;
}

.font-bold{
  font-weight: var(--font-weight-semi-bold);
}