/* Roboto font family */

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");
    font-display: swap;
  }
  @font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Roboto/Roboto-Medium.ttf) format("truetype");
    font-display: swap;
  }
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Roboto/Roboto-Bold.ttf) format("truetype");
  font-display: swap;
}

/* Roboto-Serif font family */

@font-face {
  font-family: Roboto Serif;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto-Serif/RobotoSerif-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
    font-family: Roboto Serif;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Roboto-Serif/RobotoSerif-Medium.ttf) format("truetype");
    font-display: swap;
  }
  @font-face {
    font-family: Roboto Serif;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Roboto-Serif/RobotoSerif-Bold.ttf) format("truetype");
    font-display: swap;
  }