@font-face {
  font-family: pfdintextcomppromedium;
  src: url(../fonts/PFDinTextCompPro-Medium.ttf);
}

@font-face {
  font-family: pfdintextcompprothin;
  src: url(../fonts/PFDinTextCompPro-Thin.ttf);
}

:root {
  --main-bg-color: #e6007e;
  --alt-bg-color: #E59730;
  --alt2-bg-color: #9EBF43;
  --alt3-bg-color: #3096E5;
  --main-color: #ffffff;
  --alt-main-color: #1A000D;
}

.white {
  color: var(--main-color);
}

.black {
  color: var(--alt-main-color);
}

.thin {
  font-family: pfdintextcompprothin;
}

.bold {
  font-family: pfdintextcomppromedium;
}

.bg1 {
  background-color: var(--alt-bg-color);
  border-color: var(--alt-bg-color);
}

.bg2 {
  background-color: var(--alt2-bg-color);
  border-color: var(--alt2-bg-color);
}

.bg3 {
  background-color: var(--alt3-bg-color);
  border-color: var(--alt3-bg-color);
}
