/* _elements.css */
html {
	font-size: calc( 1px * var(--font-size) );
	font-weight: 300;
}

	body {
		background-size : 100%;
		margin: 0;
		font-family: Helvetica, sans-serif;
		color: #000000;
		overflow-x: hidden;
		line-height: var(--line-height);
		
	}


img { max-width : 100%; }

p, li {
	max-width: 80ch;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

strong {
	font-weight: 800;
}

a:hover {
	color: var(--color-accent);
}

a {
	color: var(--color-accent);
}
	 a:hover,
	 a:focus {
		color: black;
	}

label,
legend {
	font-weight: 700;
}



input[type=text],
select {
	background-color: var(--color-white);
	border-radius: 6px;
	line-height: 44px;
	height: 48px;
	border: 2px solid var(--color-grey-600);
	padding-left: 8px;
}

input[type=radio],
input[type=checkbox] {
	appearance: none;
	border: 2px solid var(--color-grey-600);
	width: 30px;
	height: 30px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 4px;
	background-color: var(--color-white);
}

input[type=radio] {
	border-radius: 100%;
}