html,body{
    width: 100%;
    height: 100%;
 }
 .heart{
    position: absolute;
    width: 20px;
    height: 20px;
 }
 .disc1{
    width: 10px;
    height: 10px;
    border-radius:100%;
    background-color: red;
    left: 0px;
    position: absolute;
 }
 .disc2{
    width: 10px;
    height: 10px;
    left: 7px;
    background-color: red;
    border-radius:100%;
    position: absolute;
 }
 .square{
    width: 10px;
    height:10px;
    background-color: red;
    position: absolute;
    transform: rotate(45deg);
    top: 3.5px;
    left:3.5px;
 }

 @keyframes moveheart{
     0%{
         opacity: 1;
     }
     100%{
         opacity: 0;
     }
 }