@font-face {
  font-family: 'General Sans';
  src: url('GeneralSans-Extralight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'General Sans';
  src: url('GeneralSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'General Sans';
  src: url('GeneralSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'General Sans';
  src: url('GeneralSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'General Sans';
  src: url('GeneralSans-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'General Sans';
  src: url('GeneralSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}


:root {
    --gnsan_reg: 'General Sans Regular';
    --gnsan_xlg: 'General Sans Extralight';
    --gnsan_lgh: 'General Sans Light';
    --gnsan_med: 'General Sans Medium';
    --gnsan_sem: 'General Sans Semibold';
	--font-body: Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
		Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	--font-mono: 'Fira Mono', monospace;
	--color-bg-0: rgb(202, 216, 228);
	--color-bg-1: hsl(209, 36%, 86%);
	--color-bg-2: hsl(224, 44%, 95%);
	--color-theme-1: #ff3e00;
	--color-theme-2: #4075a6;
	--color-text: rgba(0, 0, 0, 0.7);
	--column-width: 42rem;
	--column-margin-top: 4rem;
	/* font-family: 'General Sans Medium'; */
	color: var(--color-text);
}

.gnsan_reg{
    font-family: var(--gnsan_reg);
}

.gnsan_xlg{
    font-family: var(--gnsan_xlg);
}

.gnsan_lgh{
    font-family: var(--gnsan_lgh);
}

.gnsan_med{
    font-family: var(--gnsan_med);
}

.gnsan_sem{
    font-family: var(--gnsan_sem);
}