@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}

.container {
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
	height: 100dvh;
	width: auto;
}

section {
	height: 100dvh;
	width: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	scroll-snap-align: start;
	padding: 10px;
}

h1 {
	color: rgb(226, 226, 226);
	text-shadow: 1px 1px 4px #000;
}

.one {
	background-image: url("images/IMG20230806183406.jpg");
	background-repeat: no-repeat;
	background-size: auto 100vh;
}

.two {
	background-image: url("images/IMG20230813124733.jpg");
	background-repeat: no-repeat;
	background-size: auto 100vh;
}

.three {
	background-image: url("images/IMG20230813141602.jpg");
	background-repeat: no-repeat;
	background-size: auto 100vh;
}

.four {
	background-image: url("images/IMG20230813141611.jpg");
	background-repeat: no-repeat;
	background-size: auto 100vh;
}