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

#square {
	width: 100px;
  height: 100px;
  background: linear-gradient(to bottom left, red, green, blue);
  /* box-shadow: 15px 25px 55px black; */
}

#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-1511195188569-9b97074ae1b1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80');
  background-size: cover;
  background-repeat: no-repeat;
  background-color: red;
  background-position: 20% 0%;
  transform: rotate(180deg)
}