* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--bp-color-surface);
	color: var(--bp-color-text);
	font-family: var(--bp-font-body);
	font-size: 1rem;
	line-height: 1.65;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

a {
	color: var(--bp-color-accent);
	text-underline-offset: 0.16em;
}

a:hover,
a:focus {
	color: var(--bp-color-text);
}

button,
input,
textarea,
select {
	font: inherit;
}

button,
input[type="submit"] {
	cursor: pointer;
}