@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: 'Nunito', serif;
  --font-size: 1rem;
  --line-height: 1.5;
}

body {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h2 {
  font-family: "Lobster", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
}


h1 {
  font-family: "Lobster", sans-serif;
  font-weight: 400;
  text-transform: capitalize;
}

#mainNav .navbar-brand {
  font-family: "Lobster", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
}

/*



.oleo-script-bold {
  font-family: "Oleo Script", system-ui;
  font-weight: 700;
  font-style: normal;
}



<weight>: Use a value from 300 to 800
// <uniquifier>: Use a unique and descriptive class name

.nunito-sans-<uniquifier> {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

*/