body{background-color: #0651FE

}

h1{font-family: fantasy;

}

.square {
  position: absolute;top:40%;
  left:43%;
  height: 150px;
  width: 150px;
  background-color: yellow;
}

.circle {
  height: 150px;
  width:150px;
  position:absolute;
  top:50%;
  left:48%;
  background-color:yellow;
  border-radius: 50%;
  b
}


.heart-shape{
  position: relative;
  width: 200px;
  height: 200px;
  top:10%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: rgba(250,184,66, 1);
}
.heart-shape:before,
.heart-shape:after{
  position: absolute;
  width: 200px;
  height: 200px;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(250,184,66, 1);
}
.heart-shape:before{
  bottom: 0px;
  left: -100px;
}
.heart-shape:after{
  top: -100px;
  right: 0px;
}
.oval {
   width: 200px;
  height: 100px;
  background: red;
     -moz-border-radius: 100px / 50px;
     -webkit-border-radius: 100px / 50px;
    border-radius: 100px / 50px;
 }