@font-face {
  font-family: "Love";
  src:
    url("../font/love/love.woff2") format("woff2"),
    url("../font/love/love.woff") format("woff"),
    url("../font/love/love.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-love {
  font-family: "Love";
}

/* 300 – Light */
@font-face {
  font-family: "HKGroteskWide";
  src:
    url("../font/HKGroteskWide/woff2/HKGroteskWide-Light.woff2") format("woff2"),
    url("../font/HKGroteskWide/woff/HKGroteskWide-Light.woff") format("woff"),
    url("../font/HKGroteskWide/ttf/HKGroteskWide-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* 400 – Regular */
@font-face {
  font-family: "HKGroteskWide";
  src:
    url("../font/HKGroteskWide/woff2/HKGroteskWide-Regular.woff2") format("woff2"),
    url("../font/HKGroteskWide/woff/HKGroteskWide-Regular.woff") format("woff"),
    url("../font/HKGroteskWide/ttf/HKGroteskWide-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 500 – Medium */
@font-face {
  font-family: "HKGroteskWide";
  src:
    url("../font/HKGroteskWide/woff2/HKGroteskWide-Medium.woff2") format("woff2"),
    url("../font/HKGroteskWide/woff/HKGroteskWide-Medium.woff") format("woff"),
    url("../font/HKGroteskWide/ttf/HKGroteskWide-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 600 – SemiBold */
@font-face {
  font-family: "HKGroteskWide";
  src:
    url("../font/HKGroteskWide/woff2/HKGroteskWide-SemiBold.woff2") format("woff2"),
    url("../font/HKGroteskWide/woff/HKGroteskWide-SemiBold.woff") format("woff"),
    url("../font/HKGroteskWide/ttf/HKGroteskWide-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* 700 – Bold */
@font-face {
  font-family: "HKGroteskWide";
  src:
    url("../font/HKGroteskWide/woff2/HKGroteskWide-Bold.woff2") format("woff2"),
    url("../font/HKGroteskWide/woff/HKGroteskWide-Bold.woff") format("woff"),
    url("../font/HKGroteskWide/ttf/HKGroteskWide-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 800 – ExtraBold */
@font-face {
  font-family: "HKGroteskWide";
  src:
    url("../font/HKGroteskWide/woff2/HKGroteskWide-ExtraBold.woff2") format("woff2"),
    url("../font/HKGroteskWide/woff/HKGroteskWide-ExtraBold.woff") format("woff"),
    url("../font/HKGroteskWide/ttf/HKGroteskWide-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* 900 – Black */
@font-face {
  font-family: "HKGroteskWide";
  src:
    url("../font/HKGroteskWide/woff2/HKGroteskWide-Black.woff2") format("woff2"),
    url("../font/HKGroteskWide/woff/HKGroteskWide-Black.woff") format("woff"),
    url("../font/HKGroteskWide/ttf/HKGroteskWide-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.font-HKGroteskWide {
   font-family: "HKGroteskWide", sans-serif;
}

/* 100 – UltraLight */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-UltraLight.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-UltraLight.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-UltraLight.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* 200 – Thin */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-Thin.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-Thin.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-Thin.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* 300 – Light */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-Light.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-Light.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* 400 – Regular */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-Regular.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-Regular.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 500 – Medium */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-Medium.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-Medium.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 700 – Bold */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-Bold.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-Bold.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 800 – Heavy */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-Heavy.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-Heavy.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-Heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* 900 – Black */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-Black.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-Black.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* 950 – XBlack */
@font-face {
  font-family: "NeueHaasUnica";
  src:
    url("../font/NeueHaasUnica/woff2/NeueHaasUnicaW1G-XBlack.woff2") format("woff2"),
    url("../font/NeueHaasUnica/woff/NeueHaasUnicaW1G-XBlack.woff") format("woff"),
    url("../font/NeueHaasUnica/ttf/NeueHaasUnicaW1G-XBlack.ttf") format("truetype");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "NeueHaasUnica", sans-serif;
  font-weight: 300;
}