@font-face {
    font-family: "Roboto";
    src: url("./Fonts/Roboto-Medium\ 500.ttf");
    src: 
    url("./Fonts/Roboto-Medium\ 500.ttf") format('ttf');
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "Roboto";
    src: url("./Fonts/Roboto-Regular\ 400.ttf");
    src: 
    url("./Fonts/Roboto-Regular\ 400.ttf") format('ttf');
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Roboto";
    src: url("./Fonts/Roboto-Light\ 300.ttf");
    src: 
    url("./Fonts/Roboto-Light\ 300.ttf") format('ttf');
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: "Roboto";
    src: url("./Fonts/Roboto-Bold\ 600.ttf");
    src: 
    url("./Fonts/Roboto-Bold\ 600.ttf") format('ttf');
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "Roboto";
    src: url("./Fonts/Roboto-Black\ 700.ttf");
    src: 
    url("./Fonts/Roboto-Black\ 700.ttf") format('ttf');
    font-weight: 700;
    font-style: normal;
  }