/* font declaration */

@font-face {
    font-family: "roboto-l";
    src: url("../fonts/Roboto-Light.ttf");
  }
  @font-face {
    font-family: "roboto-r";
    src: url("../fonts/Roboto-Regular.ttf");
  }
  @font-face {
    font-family: "roboto-t";
    src: url("../fonts/Roboto-Thin.ttf");
  }
  @font-face {
    font-family: "roboto-b";
    src: url("../fonts/Roboto-Bold.ttf");
  }
  
  /* font classes */
  
  .r-l {
    font-family: "roboto-l";
  }
  .r-r {
    font-family: "roboto-r";
  }
  .r-t {
    font-family: "roboto-t";
  }
  .r-b {
    font-family: "roboto-b";
    font-weight: bold;
  }
  .r-m {
    font-family: "roboto-r";
    font-weight: 600;
  }