@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,700&display=swap');
:root {
  --theme-font: 'Poppins', sans-serif;
  --font-text-size: 16px;
  --font-lg-text-size: 18px;
  --main-text-color: #000;
  --second-text-color: #FFF;
  --nav-bg-color: #eaeaea;
  --nav-text-color: #000;
  --main-bg-color: #eaeaea;
  --second-bg-color: #000;
}
*{
	font-family: var(--theme-font);
	font-size: var(--font-text-size);
}
.primary_color_bg{
	background-color: var(--main-bg-color);
}
.secondary_color_bg{
	background-color: var(--second-bg-color);
}
.primary_color_text{
	color: var(--main-text-color);
}
.secondary_color_text{
	color: var(--second-text-color);
}

.nav-clrs{
	background-color: var(--nav-bg-color);
	color: var(--nav-text-color);
}
.main-nav li a{
	font-size: var(--font-lg-text-size);
	padding: 0 20px !important;
}
.navbar-brand{ white-space: inherit !important;}