#square {
  width: 100px;
  height: 100px;
  background: linear-gradient(to left, red, orange, green);
}

#rectangle {
  width: 200px;
  height: 100px;
  background: radial-gradient(blue, orange, purple);
}

#diamond {
  width: 100px; 
  height: 100px;
  transform: rotate(76deg);
  background: linear-gradient(to bottom, pink, cyan, yellow);
  margin-left: 50px;
}

#circle {
  width: 100px;
  height: 100px;
  margin-left: 60px;
  background: red;
  border-radius: 60%;
  background-image: url("https://images.unsplash.com/photo-1512641406448-6574e777bec6?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80");
  background-size: cover;
  background-repeat: no-repeat;
}

#text{
 text-shadow: 5px 5px 1px blue;
  font-weight: bold;
}

#rhombus{
  width: 60px; 
  height: 60px;
  background-color: green;
  transform: rotate(76deg);
  margin-left: 150px;
  transform: skewX(28deg);
  box-shadow: 10px 5px 6px cyan;
}