@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');

:root {
  --font-base: 'Open Sans', sans-serif;       /* fallback body font (global) */
  --font-heading: 'Marck Script', cursive;
  --font-base-weight: 400;
  --font-heading-weight: 400;
}

body {
  font-family: var(--font-base);
  font-weight: var(--font-base-weight);
}

h1,
.h1fontstyle {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}

h2,
.h2fontstyle {
  font-family: var(--font-base);
  font-weight: 600;
}

#mainNav .navbar-brand {
  font-family: var(--font-heading);
}