@charset "utf-8";

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

   Author: Kaden Smart
   Date: 10-12-2025
   
   Filename: code4-3_cube.css

*/

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;
}

#img1 {
	transform: translate3d(0px, 0px, -150px);
}

#img2 {
	transform: rotate3d(1, 0, 0, 90deg) translate3d(0px, 0px, -150px);
}

#img3 {
	transform: rotate3d(0, 1, 0, -90deg) translate3d(0px, 0px, 150px);
}

#img4 {
	transform: rotate3d(0, 1, 0, 90deg) translate3d(0px, 0px, 150px);
}

#img5 {
	transform: rotate3d(1, 0, 0, -90deg) translate3d(0px, 0px, -150px);
}