@charset "utf-8";

.love-box {
    position:absolute;
    left: 2%;
    width: 100px;
    height: 100px;
    opacity: 0.5;
}
.love-left {
    width: 50px;
    height: 100px;
    background-color: rgba(255, 0, 0, 1);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 0px 5px 10px red;
    position: absolute;
    top: 5%;
    left: 0px;
    transform-origin: right bottom;
    transform: rotateZ(45deg);
    animation: scale-love-left 1s linear infinite;
}

.love-right {
    width: 50px;
    height: 100px;
    background-color: rgba(255, 0, 0, 1);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 0px 5px 10px red;
    position: absolute;
    top: 5%;
    left: 50px;
    transition: color 2s linear 5s;
    transform-origin: left bottom;
    transform: rotateZ(-45deg);
    animation: scale-love-right 1s linear infinite ;
}
 @keyframes scale-love-left {
     0% {
         transform: scale(1, 1)
             rotateZ(45deg);

     }

     25% {
         transform: scale(0.9, 0.9) rotateZ(45deg);
     }

     50% {
         transform: scale(0.6, 0.6) rotateZ(45deg);
     }

     75% {
         transform: scale(0.8, 0.8) rotateZ(45deg);
     }

     100% {
         transform: scale(1, 1) rotateZ(45deg);
     }
 }

 @keyframes scale-love-right {
     0% {
         transform: scale(1, 1) rotateZ(-45deg);

     }

     25% {
         transform: scale(0.9, 0.9) rotateZ(-45deg);
     }

     50% {
         transform: scale(0.6, 0.6) rotateZ(-45deg);
     }

     75% {
         transform: scale(0.8, 0.8) rotateZ(-45deg);
     }

     100% {
         transform: scale(1, 1) rotateZ(-45deg);
     }
 }