/* Define Open Sans font faces */

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/opensans-bold-webfont.eot");
  src:
    local("Open Sans Bold"),
    local("opensans-bold-webfont"),
    url("./fonts/opensans-bold-webfont.woff2") format("woff2"),
    url("./fonts/opensans-bold-webfont.woff") format("woff"),
    url("./fonts/opensans-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/opensans-regular-webfont.eot");
  src:
    local("Open Sans Regular"),
    local("opensans-regular-webfont"),
    url("./fonts/opensans-regular-webfont.woff2") format("woff2"),
    url("./fonts/opensans-regular-webfont.woff") format("woff"),
    url("./fonts/opensans-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/opensans-semibold-webfont.eot");
  src:
    local("Open Sans SemiBold"),
    local("opensans-semibold-webfont"),
    url("./fonts/opensans-semibold-webfont.woff2") format("woff2"),
    url("./fonts/opensans-semibold-webfont.woff") format("woff"),
    url("./fonts/opensans-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans Semi-Bold";
  src: url("./fonts/opensans-semibold-webfont.eot");
  src:
    local("Open Sans SemiBold"),
    local("opensans-semibold-webfont"),
    url("./fonts/opensans-semibold-webfont.woff2") format("woff2"),
    url("./fonts/opensans-semibold-webfont.woff") format("woff"),
    url("./fonts/opensans-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/opensans-light-webfont.eot");
  src:
    local("Open Sans Light"),
    local("opensans-light-webfont"),
    url("./fonts/opensans-light-webfont.woff2") format("woff2"),
    url("./fonts/opensans-light-webfont.woff") format("woff"),
    url("./fonts/opensans-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/opensans-italic-webfont.eot");
  src:
    local("Open Sans Italic"),
    local("opensans-italic-webfont"),
    url("./fonts/opensans-italic-webfont.woff2") format("woff2"),
    url("./fonts/opensans-italic-webfont.woff") format("woff"),
    url("./fonts/opensans-italic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

/* Apply Open Sans font to HTML elements */

html,
body,
#root {
  /* height: 100%; */
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
  scroll-behavior: smooth;
}