@font-face {
  font-family: "Roboto Thin";
  src:  url("Roboto-Thin.woff2") format("woff2");
  font-weight: 200;
}

@font-face {
  font-family: "Roboto Light";
  src: url("Roboto-Light.woff2") format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: "Roboto Regular";
  src:  url("Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Roboto Medium";

  src: url("Roboto-Medium.woff2") format("woff2");
  font-weight: 500;
}

@font-face {
  font-family: "Roboto Bold";
  src: url("Roboto-Bold.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: 'Rubik Light';
  font-style: normal;
  font-weight: 300;
  src: local('Rubik Light'), local('Rubik-Light'), url(Rubik-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local('Rubik'), local('Rubik-Regular'), url(Rubik-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Rubik Medium';
  font-style: normal;
  font-weight: 500;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(Rubik-Medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Rubik Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Rubik Bold'), local('Rubik-Bold'), url(Rubik-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Rubik Black';
  font-style: normal;
  font-weight: 900;
  src: local('Rubik Black'), local('Rubik-Black'), url(Rubik-Black.woff2) format('woff2');
}