@charset "utf-8";

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

	Author: Chris LaFleur
	Date: 10/8/23
*/



h1{
	color: white;
	text-shadow: rgb(120, 85, 0) 0px 0px 20px;
}

div#cube{
	perspective: 500px;
	transform-style: preserve-3d;
}

img{
	filter: sepia(1);
	box-shadow: black 0px 0px 20px;
}

img#img1{
	transform: translateZ(-150px);
}

img#img2{
	transform: rotateX(90deg) translateZ(-150px);
}

img#img3{
	transform: rotateY(-90deg) translateZ(150px);
}

img#img4{
	transform: rotateY(90deg) translateZ(150px);
}

img#img5{
	transform: rotateX(-90deg) translateZ(-150px);
}