/* --- NORMAL STYLES --- */

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300; /* Light */
  src: url("../fonts/Rubik-Light.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400; /* Regular */
  src: url("../fonts/Rubik-Regular.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500; /* Medium */
  src: url("../fonts/Rubik-Medium.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 600; /* SemiBold */
  src: url("../fonts/Rubik-SemiBold.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 700; /* Bold */
  src: url("../fonts/Rubik-Bold.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 800; /* ExtraBold */
  src: url("../fonts/Rubik-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 900; /* Black */
  src: url("../fonts/Rubik-Black.ttf") format("truetype");
}

/* --- ITALIC STYLES --- */

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: italic;
  font-weight: 300; /* Light Italic */
  src: url("../fonts/Rubik-LightItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: italic;
  font-weight: 400; /* Italic */
  src: url("../fonts/Rubik-Italic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: italic;
  font-weight: 500; /* Medium Italic */
  src: url("../fonts/Rubik-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: italic;
  font-weight: 600; /* SemiBold Italic */
  src: url("../fonts/Rubik-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: italic;
  font-weight: 700; /* Bold Italic */
  src: url("../fonts/Rubik-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: italic;
  font-weight: 800; /* ExtraBold Italic */
  src: url("../fonts/Rubik-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: italic;
  font-weight: 900; /* Black Italic */
  src: url("../fonts/Rubik-BlackItalic.ttf") format("truetype");
}