#image1 {
	position: absolute;
	top: 80px;
	left: 60px;
	width: 500px;
	height: 700px;
	z-index: 6;
	cursor: pointer;
}

#image2 {
	position: absolute;
	top: 80px;
	left: 60px;
	width: 500px;
	height: 700px;
	z-index: 5;
	cursor: pointer;
}

#image3 {
	position: absolute;
	top: 80px;
	left: 60px;
	width: 500px;
	height: 700px;
	z-index: 4;
	cursor: pointer;
}

#image4 {
	position: absolute;
	top: 80px;
	left: 60px;
	width: 500px;
	height: 700px;
	z-index: 3;
	cursor: pointer;
}

#image5 {
	position: absolute;
	top: 80px;
	left: 60px;
	width: 500px;
	height: 700px;
	z-index: 2;
	cursor: pointer;
}

#image6 {
	position: absolute;
	top: 80px;
	left: 60px;
	width: 500px;
	height: 700px;
	z-index: 1;
	cursor: pointer;
}

i {
	display: block;
	color: #38154d;
	text-decoration: none;
	font-size: 3rem;
	padding: 10px;
	position: absolute;
	cursor: pointer;
}

i:hover {
	color: #c381eb;
}

.fa-solid.fa-arrow-right {
	top: 1100px;
	left: 400px;
}

.fa-solid.fa-arrow-left {
	top: 1100px;
	left: 200px;
}

#thumb1, #thumb2, #thumb3, #thumb4, #thumb5, #thumb6 {
	cursor: pointer;
	width: 100px;
	height: 200px;
	position: absolute;
	top: 840px;
	box-sizing: border-box;
}

#thumb1 {
	left: 20px;
}

#thumb2 {
	left: 120px;
}

#thumb3 {
	left: 220px;
}

#thumb4 {
	left: 320px;
}

#thumb5 {
	left: 420px;
}

#thumb6 {
	left: 520px;
}

.thumbs {
	border: solid 1px #fff;
}

.active {
	border: solid 5px #fff;
}

main h1 {
	font-family: 'Special Elite', sans-serif;
	font-size: 2rem;
	margin-left: 8rem;
	margin-top: 2.5rem;
}