/* 
  Name: Evan Jackovich
  Course: ITWP 1050
  Assignment: Homework4
  Date: 4/19/2025
*/


/* section 1.2 step 1 (rotation)*/
.rotate {
    transform: rotate(45deg);
  }

/* section 1.2 step 2 (scale)*/
.scale {
  transform: scale(2, 5);
}



/* section 1.2 step 3 (skew)*/
.skew {
    transform: skew(45deg, 20deg);
  }




/* section 1.2 step 4 (transform)*/
.transform{
	width: 10rem;
    height: 10rem;
    position: absolute;
	transform: rotate(12deg);
	transform: scale(1, 6);
	transform: skew(20deg, 50deg);
	transform: translateX(100px);
}


/* section 1.2 step 5 (transition)*/
.transition{
  background-color: #f0f0f0; 
  transition-property: background-color;
  transition-duration: 0.5s;
  transition-delay: 0.2s;
}