@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 3
   Coding Challenge 3

   Author: Jonnie Jucht
   Date:   10.06.2024
   
   Filename: code3-3_scroll.css

*/

/* section style */

	section#container {
		width: 900px;
		height: 370px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 30px;
		left: 0px;
		outline-width: 2px;
		outline-color: brown;
		overflow: auto;
	}

/* section style */

/* div style */

	div {
		width: 300px;
		height: 330px;
		position: absolute;
	}

	div#slide1 {
		left: 0px;
	}
	div#slide2 {
		left: 300px;
	}
	div#slide3 {
		left: 600px;
	}
	div#slide4 {
		left: 900px;
	}
	div#slide5 {
		left: 1200px;
	}
	div#slide6 {
		left: 1500px;
	}
	div#slide7 {
		left: 1800px;
	}
	div#slide8 {
		left: 2100px;
	}
	div#slide9 {
		left: 2400px;
	}

/* div style */

/* image style */

	inline img {
		display: block;
		width: 300px;
		height: 300px;
	}

/* image style */