* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	font-size: 100%;
}
body {
	background: var(--color-body);
	font-family: var(--font-default);
	font-weight: var(--font-regular);
	font-size: 1rem;
	line-height: 1.6rem;
	scroll-behavior: smooth;
}
a {
	text-decoration: none;
	&:hover,
	&:focus {
		text-decoration: none;
		outline: 0px;
	}
}
button {
	&:hover,
	&:focus {
		outline: 0px;
	}
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: var(--font-regular);
}

img {
	display: block;
	width: 100%;
	height: auto;
	user-select: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: inherit;
}
figure {
	margin: 0;
}

.bg-color {
	background: var(--color-bg) !important;
}
