.heart-beat-container {
    display: flex;
    align-self: flex-start;
    margin-top: 40PX;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 85%;
    width: 90%;
}

.funny-button.heart-button{
    width:40%;
    height: 25%;
    border-radius: 50%;
    color: white;
    background-color: red;
}

.heart-beat-timer {
    font-size: clamp(2em, 6rem, 80px);
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.hidden-heart-timer{
    animation: disappear 2s forwards;
}

.heart {
    width: 50%;
}

.beating-heart {
    animation: beat .2s reverse;
}

@keyframes beat {
    0% {
        transform: scale(1);
        opacity: 30%;
    }

    50% {
        transform: scale(1.2);
        opacity: 100%;
    }

    100% {
        transform: scale(1);
        opacity: 30%;
    }
}

@keyframes disappear {
    0% {
        opacity: 100%;
    }

    100% {
        opacity: 0%;
    }
}