/* Font styles */

html,
body {
  font-family: "Roboto", sans-serif;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.small {
  font-size: small;
}

/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /* browser targets per format; pinned so Prettier keeps the comments aligned */
  /* prettier-ignore */
  src:
    local("Roboto"),
    /* IE6-IE8 */
    url("./fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"),
    /* Super Modern Browsers */
    url("./fonts/roboto-v30-latin-regular.woff2") format("woff2"),
    /* Modern Browsers */
    url("./fonts/roboto-v30-latin-regular.woff") format("woff"),
    /* Safari, Android, iOS */
    url("./fonts/roboto-v30-latin-regular.ttf") format("truetype"),
    /* Legacy iOS */
    url("./fonts/roboto-v30-latin-regular.svg#Roboto") format("svg");
}