#text-shadow{
	text-shadow: 1px 1px 1px midnightblue;
}

#circle {
  height: 100px;
  width: 100px;
  background-color: blue;
  border-radius: 50%;
  box-shadow: 10px 10px 15px green;
}

#rectangle {
	width: 300px;
  height: 100px;
  background: radial-gradient(red, green, blue);
}

#diamond {
	width: 100px;
  height: 100px;
  background-color: red;
  transform: rotate(104deg);
  margin-left: 50px;
}

#diamond2 {
	width: 100px;
  height: 100px;
  background-color: blue;
  transform: skewX(40deg);
  margin-left: 50px;
}

#square-img {
	width: 100px;
  height: 100px;
  background-image: url('https://images.unsplash.com/photo-1504333638930-c8787321eee0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MjR8fGdhbGF4eXxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60');
  background-size: cover;
  background-repeat: no-repeat;
  background-color: red;
  background-position: 20% 0%;
  transform: rotate(180deg)
}