@font-face {
    font-family: "Roboto";
    src: url('../fonts/Roboto/Roboto-Light.ttf') format('ttf'),
     url('../fonts/Roboto/Roboto-Light.woff') format('woff');
     font-style: normal;
     font-weight: 300;
}
@font-face {
    font-family: "Roboto";
    src: 
     url('../fonts/Roboto/Roboto-Regular.ttf') format('ttf'),
     url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
     font-style: normal;
     font-weight: 400;
}
@font-face {
    font-family: "Roboto";
    src: 
     url('../fonts/Roboto/Roboto-Medium.ttf') format('ttf'),
     url('../fonts/Roboto/Roboto-Medium.woff') format('woff');
     font-style: normal;
     font-weight: 500;
}