@font-face {
  font-family: "Poppins";
  src: url("../assets/fonts/Poppins-Regular.woff2") format("woff2"),
    url("../assets/fonts/Poppins-Regular.woff") format("woff"),
    url("../assets/fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Esto mejora el rendimiento */
}

@font-face {
  font-family: "Poppins";
  src: url("../assets/fonts/Poppins-Bold.woff2") format("woff2"),
    url("../assets/fonts/Poppins-Bold.woff") format("woff"),
    url("../assets/fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; /* Esto mejora el rendimiento */
}

@font-face {
  font-family: "Rubik Vinyl";
  src: url("../assets/fonts/PlaywriteAUSA/PlaywriteAUSA-VariableFont_wght.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Opcional: mejora el rendimiento */
}

/* Define una clase que use esta fuente */
.rubik-font {
  font-family: "Rubik Vinyl", sans-serif; /* sans-serif es una fuente de respaldo */
}