@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins-Black.woff);
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins-Bold.woff);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins-SemiBold.woff);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins-Medium.woff);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins-Regular);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Syne";
  src: url(../fonts/Syne-Regular.woff);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Syne";
  src: url(../fonts/Syne-Medium.woff);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Syne";
  src: url(../fonts/Syne-SemiBold.woff);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Syne";
  src: url(../fonts/Syne-Bold.woff);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Syne";
  src: url(../fonts/Syne-ExtraBold.woff);
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "GreyQo";
  src: url(../fonts/GreyQo-Regular.woff);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Azonix";
  src: url(../fonts/Azonix.woff);
  font-weight: 400;
  font-style: normal;
}