@font-face {
  font-family: "Baikal";
  src: url("fonts/Baikal/Baikal-Regular.woff2") format("woff2"), url("fonts/Baikal/Baikal-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Baikal";
  src: url("fonts/Baikal/Baikal-Medium.woff2") format("woff2"), url("fonts/Baikal/Baikal-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Baikal";
  src: url("fonts/Baikal/Baikal-Bold.woff2") format("woff2"), url("fonts/Baikal/Baikal-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Baikal";
  src: url("fonts/Baikal/Baikal-ExtraBold.woff2") format("woff2"), url("fonts/Baikal/Baikal-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "Baikal";
  src: url("fonts/Baikal/Baikal-Black.woff2") format("woff2"), url("fonts/Baikal/Baikal-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
*,
*:before,
*:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* values for the styles, weights and sizes are handled by tailwind */
:root {
  font-size: 16px; }

body {
  font-family: theme("fontFamily.body");
  line-height: theme("lineHeight.120"); }

h2 {
  font-family: theme("fontFamily.title");
  font-weight: theme("fontWeight.extra-bold");
  font-size: theme("fontSize.24");
  line-height: theme("lineHeight.100"); }
  @media screen and (min-width: theme("screens.sm")) {
    h2 {
      font-size: theme("fontSize.62"); } }