#square
{
  width: 50px;
  height: 50px;
  background: darkgreen;
}

#rectangle
{
  width: 175px;
  height: 83px;
  background: purple;
}

#diamond
{
  width: 50px;
  height: 50px;
  background: pink;
  transform: rotate(45deg);
}

#circle
{
  width: 100px;
  height: 100px;
  background: blue;
  border-radius: 50%;
}

#oval
{
  width: 100px;
  height: 50px;
  background: red;
  border-radius: 50%;
}

#triangle-up
{
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 50px solid green;
}

#triangle-right
{
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 50px solid black;
}

#trapezoid
{
  border-bottom: 25px solid #657383;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  width: 60px;
  height: 0px;
}

#top-left-triangle
{
  width: 0;
  height: 0;
  border-top: 100px solid #2554C7;
  border-right: 100px solid transparent;
}

#pacman 
{
  width: 0px;
  height: 0px;
  border-right: 60px solid transparent;
  border-top: 60px solid yellow;
  border-left: 60px solid yellow;
  border-bottom: 60px solid yellow;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

 #egg 
{
  display: block;
  width: 126px;
  height: 180px;
  background-color: cyan;
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}

#infinity 
{
  position: relative;
  width: 212px;
  height: 100px;
  box-sizing: content-box;
}
#infinity:before,
#infinity:after 
{
  content: "";
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border: 20px solid red;
  border-radius: 50px 50px 0 50px;
  transform: rotate(-45deg);
}
#infinity:after 
{
  left: auto;
  right: 0;
  border-radius: 50px 50px 50px 0;
  transform: rotate(45deg);
}

 #heart 
{
  position: relative;
  width: 100px;
  height: 90px;
}
#heart:before,
#heart:after 
{
  position: absolute;
  content: "";
  left: 50px;
  top: 0;
  width: 50px;
  height: 80px;
  background: pink;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
#heart:after 
{
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}