@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: local("Montserrat"),
      url("./fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),
      url("./fonts/Montserrat/Montserrat-Regular.woff") format("woff"),
      url("./fonts/Montserrat/Montserrat-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat"),
      url("./fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"),
      url("./fonts/Montserrat/Montserrat-Medium.woff") format("woff"),
      url("./fonts/Montserrat/Montserrat-Medium.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: local("Montserrat"),
      url("./fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"),
      url("./fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"),
      url("./fonts/Montserrat/Montserrat-SemiBold.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  src: local("Roboto"),
      url("./fonts/Roboto/Roboto-Regular.woff2") format("woff2"),
      url("./fonts/Roboto/Roboto-Regular.woff") format("woff"),
      url("./fonts/Roboto/Roboto-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto"),
      url("./fonts/Roboto/Roboto-Medium.woff2") format("woff2"),
      url("./fonts/Roboto/Roboto-Medium.woff") format("woff"),
      url("./fonts/Roboto/Roboto-Medium.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  /*
    Вместо 600-го используем Medium(500),
    т.к. у этого шрифта нет начертания SemiBold(600)
  */
  src: local("Roboto"),
      url("./fonts/Roboto/Roboto-Medium.woff2") format("woff2"),
      url("./fonts/Roboto/Roboto-Medium.woff") format("woff"),
      url("./fonts/Roboto/Roboto-Medium.ttf") format('truetype');
  font-display: block;
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: normal;
  src: local("Lora"),
      url("./fonts/Lora/Lora-Regular.woff2") format("woff2"),
      url("./fonts/Lora/Lora-Regular.woff") format("woff"),
      url("./fonts/Lora/Lora-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 500;
  src: local("Lora"),
      url("./fonts/Lora/Lora-Medium.woff2") format("woff2"),
      url("./fonts/Lora/Lora-Medium.woff") format("woff"),
      url("./fonts/Lora/Lora-Medium.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 600;
  src: local("Lora"),
      url("./fonts/Lora/Lora-SemiBold.woff2") format("woff2"),
      url("./fonts/Lora/Lora-SemiBold.woff") format("woff"),
      url("./fonts/Lora/Lora-SemiBold.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: normal;
  src: local("Inter"),
      url("./fonts/Inter/Inter-Regular.woff2") format("woff2"),
      url("./fonts/Inter/Inter-Regular.woff") format("woff"),
      url("./fonts/Inter/Inter-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: local("Inter"),
      url("./fonts/Inter/Inter-Medium.woff2") format("woff2"),
      url("./fonts/Inter/Inter-Medium.woff") format("woff"),
      url("./fonts/Inter/Inter-Medium.otf") format('opentype');
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local("Inter"),
      url("./fonts/Inter/Inter-SemiBold.woff2") format("woff2"),
      url("./fonts/Inter/Inter-SemiBold.woff") format("woff"),
      url("./fonts/Inter/Inter-SemiBold.otf") format('opentype');
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: normal;
  src: local("Nunito"),
      url("./fonts/Nunito-Regular.woff2") format("woff2"),
      url("./fonts/Nunito-Regular.woff") format("woff"),
      url("./fonts/Nunito-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  src: local("Nunito"),
      url("./fonts/Nunito/Nunito-Medium.woff2") format("woff2"),
      url("./fonts/Nunito/Nunito-Medium.woff") format("woff"),
      url("./fonts/Nunito/Nunito-Medium.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: local("Nunito"),
      url("./fonts/Nunito/Nunito-SemiBold.woff2") format("woff2"),
      url("./fonts/Nunito/Nunito-SemiBold.woff") format("woff"),
      url("./fonts/Nunito/Nunito-SemiBold.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: normal;
  src: local("Source Serif Pro"),
      url("./fonts/SourceSerifPro/SourceSerifPro-Regular.woff2") format("woff2"),
      url("./fonts/SourceSerifPro/SourceSerifPro-Regular.woff") format("woff"),
      url("./fonts/SourceSerifPro/SourceSerifPro-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: 500;
  /*
    Вместо 500-го используем Regular(400),
    т.к. у этого шрифта нет начертания Medium(500)
  */
  src: local("Source Serif Pro"),
      url("./fonts/SourceSerifPro/SourceSerifPro-Regular.woff2") format("woff2"),
      url("./fonts/SourceSerifPro/SourceSerifPro-Regular.woff") format("woff"),
      url("./fonts/SourceSerifPro/SourceSerifPro-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Serif Pro"),
      url("./fonts/SourceSerifPro/SourceSerifPro-SemiBold.woff2") format("woff2"),
      url("./fonts/SourceSerifPro/SourceSerifPro-SemiBold.woff") format("woff"),
      url("./fonts/SourceSerifPro/SourceSerifPro-SemiBold.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: normal;
  src: local("Bitter"),
      url("./fonts/Bitter/Bitter-Regular.woff2") format("woff2"),
      url("./fonts/Bitter/Bitter-Regular.woff") format("woff"),
      url("./fonts/Bitter/Bitter-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 500;
  src: local("Bitter"),
      url("./fonts/Bitter/Bitter-Medium.woff2") format("woff2"),
      url("./fonts/Bitter/Bitter-Medium.woff") format("woff"),
      url("./fonts/Bitter/Bitter-Medium.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 600;
  src: local("Bitter"),
      url("./fonts/Bitter/Bitter-SemiBold.woff2") format("woff2"),
      url("./fonts/Bitter/Bitter-SemiBold.woff") format("woff"),
      url("./fonts/Bitter/Bitter-SemiBold.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: normal;
  src: local("IBM Plex Serif"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-Regular.woff2") format("woff2"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-Regular.woff") format("woff"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-Regular.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 500;
  src: local("IBM Plex Serif"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-Medium.woff2") format("woff2"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-Medium.woff") format("woff"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-Medium.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: local("IBM Plex Serif"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-SemiBold.woff2") format("woff2"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-SemiBold.woff") format("woff"),
      url("./fonts/IBMPlexSerif/IBMPlexSerif-SemiBold.ttf") format('truetype');
  font-display: swap;
}