@font-face {
  font-family: 'Datalegreya-Thin';
  src: url("../fonts/Datalegreya-Thin.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Datalegreya-Gradient';
  src: url("../fonts/Datalegreya-Gradient.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Datalegreya-Dot';
  src: url("../fonts/Datalegreya-Dot.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

body {
  -webkit-font-feature-settings: "kern" on, "liga" on, "calt" on;
     -moz-font-feature-settings: "kern" on, "liga" on, "calt" on;
      -ms-font-feature-settings: "kern" on, "liga" on, "calt" on;
          font-feature-settings: "kern" on, "liga" on, "calt" on;

  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}