style.css

@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: 3vmax;
		line-height: 1.3;
		
		background-color: #000000;
		color: #ffffff;
	}
	
	section {
		padding:  64px;
		height:  100vh;
		background-size:  60vmax auto;
		background-position: center;
		background-repeat:  no-repeat;
		background-attachment:  fixed;
		scroll-snap-align: start;
	}
	
	section.image1{
		background-image: url('./image1.jpg');
	}
	
	section.image3{
		background-image: url('./image3.jpg');
	}
	
	section.image2 {
		background-color: #ffffff;
		color: #000000;
		background-position: center;
		background-image: url('./image2.jpg');
		background-size: 60vmax auto;
		background-position: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}