* {
	box-sizing: border-box;
}
@font-face {
	font-family: sniglet;
	src: url(Sniglet-Regular.ttf);
}
body {
	background-color: #ffe0ff;
	font-family: sniglet, sans-serif;
	color: #101010;
	margin: 0;
	padding: 0;
}
#main-section {
	background-color: #ffffff;
	width: 96vw;
	max-width: 720px;
	margin: 10px auto;
	padding: 32px;
	border-radius: 4px;
}
h1 {
	font-weight: normal;
	font-size: 28px;
	margin: 0 auto;
	margin-bottom: 16px;
}
p {
	font-size: 18px;
	margin: 0;
}

@media screen and (min-width: 800px){
	h1 {
		font-size: 32px;
	}
	p {
		font-size: 22px;
	}
}

@media screen and (min-width: 1500px){
	#main-section {
		max-width: 900px;
	}
	h1 {
		font-size: 35px;
	}
	p {
		font-size: 24px;
	}
}