@font-face {
	font-family: "Signifier";
	font-style: normal;
	font-weight: 400;
	src: url("assets/fonts/signifier/Signifier-Regular.woff2") format("woff2");
	font-display: block;
}
@font-face {
	font-family: "Signifier";
	font-style: normal;
	font-weight: 300;
	src: url("assets/fonts/signifier/Signifier-Light.woff2") format("woff2");
	font-display: block;
}

* {
	box-sizing: border-box;
}

html {
	font: 400 15px/1.5 "Signifier", "Charter", "Times", serif;
}

body {
	margin: 0;
	padding: 0;
	color: #222;
	text-rendering: optimizeLegibility;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

.landing {
	margin: 2rem;
}
@media screen and (max-width: 40rem) {
	.landing {
		margin: 1rem;
	}
	br {
		display: none;
	}
}