@font-face {
	font-family: iA Writer Mono;
	font-style: italic;
	src: url(iawritermonov-italic.ttf);
}

html, body {
	scroll-snap-type: y mandatory;
	height: 100%;
	overflow-y: scroll;
}

body {
	font-family: iA Writer Mono;
	font-style: italic;
	font-size: 4vmax;
	line-height: 1.3;
	
	background-color: black;
	color: white;
}

section {
	padding: 64px;
	height: 100vh;
	background-size: 60vmax;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;

	scroll-snap-align: start;
}

section.image1 {
	background-image: url("image1.jpg");
}

section.image2 {
	background-color: white;
	color: black;
	background-image: url("image2.jpg");
}

section.image3 {
	background-image: url("image3.jpg");
}