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

#bgchart-human-design-bodychart {
	padding: 20px;
	box-sizing: border-box;
}
.wb-chart-selection select {
	padding:10px;
	font-size:16px;
	min-width: 180px;
	border:1px solid #000;
	border-radius: 3px;
}
#bgchart-human-design-bodychart a {
	color:#0B78D1;
}
#bgchart-human-design-bodychart a:hover {
	text-decoration: none;
}
#bgchart-human-design-bodychart h1 {
	font-size:22px;
	font-weight: 500;
	padding-bottom: 10px;
}
#bgchart-human-design-bodychart h1,
#bgchart-human-design-bodychart h2,
#bgchart-human-design-bodychart h3,
#bgchart-human-design-bodychart h4,
.bgchart-body-chart-div h5,
#bgchart-human-design-bodychart a,
.wb-chart-selection select,
#bgchart-human-design-bodychart,
.wb-design ul li,
.wb-personality ul li,
.wb-bodychart-header p,
.wb-sub-header p{
	font-family: 'Roboto', sans-serif;
	
}

#bgchart-human-design-bodychart h3  {
	font-size:25px;
	font-weight: 400;
	
}
/*Output text*/
.bgchart-body-chart-output ul li {
	font-size:14px;
		font-weight: 300;
}

.bgchart-body-chart-output ul li strong {
	font-weight: 400;
}