@font-face {
	font-family: 'Inter';
	src: url(/assets/fonts/Inter-VariableFont_slnt,wght.ttf);
	font-display: swap;
}

html {
	font-size: 17px;
	scroll-behavior: smooth;
}

body {
	font-family: 'Inter', sans-serif;
	background-color: #fff;
	color: #333;
}

.main {
	margin: 3rem 1rem;
}

h1 {
	font-weight: 680;
	font-size: 1.3rem;
	line-height: 1.28;
	letter-spacing: -0.05rem;
}

p {
	font-weight: 430;
	line-height: 1.72;
	margin-bottom: 1rem;
}

a:link, a:visited {
	cursor: pointer;
	padding-bottom: .07em;
	font-weight: 600;
	color: inherit;
	text-decoration: none !important;
	border-bottom: .072rem solid #d2d2d2;
}

a:active, a:hover {
	transition: .3s ease;
	border-bottom: .072rem solid #333;
}

::selection {
	color: #121212;
	background: #dbeaff;
	text-shadow: none;
 }

@media (min-width: 34em) {
	.main {margin: 6rem 5rem; max-width: 34rem;}
	h1 {font-size: 2.6rem;}
	p {margin-bottom: 2rem;}
}