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

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

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

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

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

#mainNav .navbar-brand {
	font-family: Oleo Script;
}