@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
  --font-base: 'Open Sans', sans-serif;        /* base font (already loaded globally) */
  --font-heading: 'Lobster', system-ui;        /* decorative font */
  --font-base-weight: 400;
  --font-heading-weight: 700;
}

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);
}