@font-face {
  font-family: italic;
  src: url("Assets/Fonts/InstrumentSerif-Italic.woff2");
}
@font-face {
  font-family: regularIdentity;
  src: url("Assets/Fonts/InstrumentSerif-Regular.woff2");
}

@font-face {
  font-family: pp;
  src: url(Assets/Fonts/PPneuemontreal-medium.woff2);
}
@font-face {
  font-family: ppbook;
  src: url(Assets/Fonts/PPneuemontreal-book.woff2);
}
@font-face {
  font-family: pplight;
  src: url(Assets/Fonts/PPneuemontreal-thin.woff2);
}
:root {
  --primary-color: #000000;
  --brand-color: #ff5c0b;
  --secondary-color: #50e3c2;
  --tertiary-color: #9013fe;
  --quaternary-color: #f5a623;
  --quinary-color: #d0021b;
  --background-color: #f0f0f0;
  --text-color: #ffffff;
  --work1-color: #745398;
  --work2-color: #274d5d;
  --work3-color: #784e13;
  --work4-color: #050b11;
  --basic-ease: cubic-bezier(0.625, 0.05, 0, 1);
  --natural-ease: cubic-bezier(0.32, 0.12, 0.2, 1);
}