@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: normal;
  src: url("../webfonts/OpenSans-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: normal;
  src: url("../webfonts/OpenSans-Italic.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: url("../webfonts/OpenSans-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 300;
  src: url("../webfonts/OpenSans-Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: 300;
  src: url("../webfonts/OpenSans-LightItalic.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: 700;
  src: url("../webfonts/OpenSans-BoldItalic.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 600;
  src: url("../webfonts/OpenSans-SemiBold.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: 600;
  src: url("../webfonts/OpenSans-SemiBoldItalic.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 800;
  src: url("../webfonts/OpenSans-ExtraBold.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: 800;
  src: url("../webfonts/OpenSans-ExtraBoldItalic.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: normal;
  src: url("../webfonts/Merriweather-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url("../webfonts/Merriweather-Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url("../webfonts/Merriweather-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: normal;
  src: url("../webfonts/Merriweather-Italic.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url("../webfonts/Merriweather-Black.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: url("../webfonts/Merriweather-LightItalic.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: url("../webfonts/Merriweather-BoldItalic.ttf");
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 900;
  src: url("../webfonts/Merriweather-BlackItalic.ttf");
  font-display: swap;
}