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

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

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

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

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

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

#trapezoid
{
  border-bottom: 25px solid gray;
  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 blue;
  border-right: 100px solid transparent;
}

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

 
#hexagon {
  width: 100px;
  height: 57.735px;
  background: red;
  position: relative;
}
#hexagon::before {
  content: "";
  position: absolute;
  top: -28.8675px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 28.8675px solid red;
}
#hexagon::after {
  content: "";
  position: absolute;
  bottom: -28.8675px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 28.8675px solid red;
}
  
   #cut-diamond {
      border-style: solid;
      border-color: transparent transparent magenta transparent;
      border-width: 0 25px 25px 25px;
      height: 0;
      width: 50px;
      box-sizing: content-box;
      position: relative;
      margin: 20px 0 50px 0;
    }
    #cut-diamond:after {
      content: "";
      position: absolute;
      top: 25px;
      left: -25px;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: magenta transparent transparent transparent;
      border-width: 70px 50px 0 50px;
    }

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

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