*{
    margin:0;
    padding: 0;
}
.canva{
    width: 100vw;
    height: 100vh;
    background: #f7f5ff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle{
    width: 70vmin;
    height:70vmin;
    background: #e8e0ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.ghost{
    width: 30vmin;
    height: 30vmin;
    border: 0.5vmin solid #000;
    border-bottom: none;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    background: #ffdcdf;
    position: relative;
    transform: translate(0vmin,-6vmin);
}
.heart{
    width: 5vmin;
    height: 5vmin;
    background: red;
    position: relative;
    transform: translate(22vmin,6vmin) rotateZ(25deg) scale(0.5);
}

.heart::before{
    content: '';
    width: 5vmin;
    height: 5vmin;
    border-radius: 50%;
    background: red;
    position: absolute;
    bottom: 0;
    left: -2.5vmin;
}
.heart::after{
    content: '';
    width: 5vmin;
    height: 5vmin;
    border-radius: 50%;
    background: red;
    position: absolute;
    right: 0;
    top: -2.5vmin;
}
.eyes{
    width: 5vmin;
    height: 5vmin;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 13vmin;
    left: 5vmin;
    box-shadow: 14vmin 0 #000;
}
.eyes::before{
    content: '';
    position: absolute;
    background: #fff;
    width: 2.5vmin;
    height: 2.5vmin;
    border-radius: 50%;
    left: 2vmin;
    box-shadow: 14vmin 0 #fff;
}
.mouth{
    width: 4vmin;
    height: 2vmin;
    border:0.5vmin solid #000;
    border-top: none;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    position: absolute;
    left: 12vmin;
    top: 17vmin;
}
.left-hand,.right-hand{
    width: 4vmin;
    height: 4vmin;
    border: 0.5vmin solid #000;
    border-top: none;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    position: absolute;
}
.left-hand{
    top:22vmin;
    left: 6vmin;
    transform: rotateZ(-25deg);
}
.right-hand{
    top:22vmin;
    left:18vmin;
    transform: rotateZ(25deg);
}
.foot div{
    width: 7.5vmin;
    height: 6vmin;
    border: 0.5vmin solid #000;
    background: #ffdcdf;
    border-top: none;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    position: absolute;
}
.foot1{
    bottom: 19.3vmin;
    left: 19.5vmin;
}
.foot2{
    bottom: 19.3vmin;
    left: 27vmin;
}
.foot3{
    bottom: 19.3vmin;
    left: 34.5vmin;
}
.foot4{
    bottom: 19.3vmin;
    left: 42vmin;
}