*{
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  scroll-margin-top: 40px;
  /* COLORS */
  --orange: #FF6B00;
  --turquoise: #79DEDF;
  --darkblue: #131341;
  --blueishgrey: #8B8B9A;
  --lightgrey: #E2E2E2;
  --lightergrey: #FAFAFA;
  --purple: #3838A0;
  /* FONT SIZING */
  --headline-linehight-xl: 68px;
  --headline-linehight-lg: 56px;
  /* BORDERS */
  --border-radius: 20px
}
 /* FONTS */
@font-face {
  font-family: "SafiroBold";
  src: url("/fonts/SafiroBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SafiroMedium";
  src: url("/fonts/SafiroMedium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SafiroRegular";
  src: url("/fonts/SafiroRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SafiroSemibold";
  src: url("/fonts/SafiroSemibold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* COLOR CLASSES */
.text-orange{
  color: var(--orange);
}
.text-turquoise{
  color: var(--turquoise);
}
.text-darkblue{
  color: var(--darkblue);
}
.text-bluishgrey{
  color: var(--blueishgrey);
}
.text-lightgrey{
  color: var(--lightgrey);
}
.text-lightergrey{
  color: var(--lightergrey);
}
.bg-orange{
  background-color: var(--orange);
}
.bg-turquoise{
  background-color: var(--turquoise);
}
.bg-darkblue{
  background-color: var(--darkblue);
}
.bg-bluishgrey{
  background-color: var(--blueishgrey);
}
.bg-lightgrey{
  background-color: var(--lightgrey);
}
.bg-lightergrey{
  background-color: var(--lightergrey);
}