@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Muli:wght@300;550;700&family=Lato:wght@400;600&family=Forum&display=swap);
:root {
  --font-primary: "Montserrat", Arial, sans-serif;
  --font-secondary: "Muli", Arial, sans-serif;
  --font-tertiary: "Lato", Arial, sans-serif;
  --font-heading: "Forum", Arial, sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 550;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}
.font-primary {
  font-family: var(--font-primary);
}
.font-secondary {
  font-family: var(--font-secondary);
}
.font-tertiary {
  font-family: var(--font-tertiary);
}
.font-heading {
  font-family: var(--font-heading);
}
.font-light {
  font-weight: var(--font-weight-light);
}
.font-normal {
  font-weight: var(--font-weight-normal);
}
.font-medium {
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  font-weight: var(--font-weight-semibold);
}
.font-bold {
  font-weight: var(--font-weight-bold);
}
body {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-normal);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-bold);
}
.menu-list,
.navbar {
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-medium);
}
* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}