html {
	scroll-behavior: smooth;
}
body {
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 1.7;
	color: hsl(var(--body));
	font-family: var(--body-font);
	word-wrap: break-word;
}
a {
	text-decoration: none;
	color: hsl(var(--body));
	&:hover {
		color: hsl(var(--base));
	}
}
a,
img,
.name {
	@extend %transition;
}
span,
sub,
sup,
a {
	display: inline-block;
}

.custom-container {
	max-width: 1250px;
	margin: 0 auto;
}