/* ===== */
/* DAY 4 */
/* ===== */

body {
	background-color:#716557;
	background-image:url("../images/day4/background.jpg");
	background-repeat:repeat-y;
}

.section1, .container1 {
	background-image:url("../images/day4/section1.jpg");
}

.section1 {
	height:1000px;
}

.section2, .container2 {
	background-image:url("../images/day4/section2.jpg");
}

.section2 {
	height:950px;
}

.section2 .gallery {
	position:absolute;
	top:825px;
	width:1000px;
	justify-content:center;
}

#poultry {
	background-image: url("../images/day4/poultry.png");
	position:absolute;
	top:231px;
	left:120px;
	width:130px;
	height:50px;
	opacity:0;
}

#poultry:hover {
	opacity:1;
}

.section3, .container3 {
	background-image:url("../images/day4/section3.jpg");
}

.section3 {
	height:400px;
}

#textSunnyside {
	position:absolute;
	top:175px;
	left:50px;
	width:900px;
}

.section4, .container4 {
	background-image:url("../images/day4/section4.jpg");
}

.section4 {
	height:950px;
}

.section5, .container5 {
	background-image:url("../images/day4/section5.jpg");
}

.section5 {
	height:900px;
}

#textVScript {
	position:absolute;
	top:50px;
	left:50px;
	width:900px;
}

.section6, .container6 {
	background-image:url("../images/day4/section6.jpg");
}

.section6 {
	height:700px;
}

#textAchievements {
	position:absolute;
	top:500px;
	left:50px;
	width:624px;
}

#buttonAchievements {
	top:515px;
	right:50px;
}

.section7, .container7 {
	background-image:url("../images/day4/section7.jpg");
}

.section7 {
	height:700px;
}

.section8, .container8 {
	background-image:url("../images/day4/section8.jpg");
}

.section8 {
	height:850px;
}

#buttonPlay {
	position:absolute;
	top:300px;
	left:50px;
	filter:drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5));
	font-size:0px;
}

#buttonPlay:hover {
	filter:brightness(1.25) drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5));
}

#credits {
	position:absolute;
	width:920px;
	top:425px;
	left:25px;
	background:rgba(0, 0, 0, 0.25);
	border-radius:5px;
	padding:15px;
	text-align:center;
	text-shadow:0px 0px 2px rgba(0,0,0,1);
	font-size:18px;
}

#credits b {
	font-size:24px;
	text-decoration:underline;
}

#credits u {
	width:100%;
	font-size:20px;
	background:rgba(0, 0, 0, 0.25);
	border-radius:5px;
	padding:5px;
	margin-bottom:5px;
}

#creditsList {
	display:flex;
	margin-top:15px;
	gap:15px;
}

#creditsList div {
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
}

.sectionNotes, .containerNotes {
	background-image:url("../images/day4/sectionNotes.jpg");
	background-repeat:repeat-y;
}

#changelog {
	padding:0px 50px 100px;
	font-size:15px;
	text-shadow:0px 0px 2px rgba(0,0,0,1);
}

#changelog p {
	font-size:15px;
	text-shadow:0px 0px 2px rgba(0,0,0,1);
}

#changelog h3:first-of-type {
	margin-top:5px;
}

#changelog h3 {
	margin:15px 0px;
	font-size:20px;
	display:block;
}

#changelog ul li {
	list-style-type:none;
	background:url("/images/icons/generic/patchArrow.png") no-repeat;
	background-size:8px 16px;
	padding-left:12px;
}

#changelog ul ul {
	padding-left:30px;
}

#changelog li {
	margin:8px 0px;
}