.main-content 
{
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
}



.main-content__instruction .colored-text 
{
    color: rgb(229, 51, 115); 
}


.main-content__instruction-mobile {
    display: none; 
}




.main-content__image-placeholder 
{
    position: relative; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    overflow: hidden; 
    margin: 20px auto; 
    box-sizing: border-box; 
    border: 1px solid gray;
}


.main-content__image-placeholder #demonstrationImage,
.main-content__image-placeholder #demonstrationImageMobile
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100.3%;
    height: 100%;
    object-fit: contain; 
    border: 1px solid black;
}



.progress-bar-label 
{
    text-align: center; 
    margin-bottom: 10px; 
    color: rgb(205, 205, 209); 
}

.progress-bar-container 
{
    width: 100%; 
    
    background-color: rgb(205, 205, 209);   
}

.progress-bar-fill 
{
    height: 100%; 
    width: 0%; 
    background-color: rgb(229, 51, 115);
    transition: width 0.5s ease-in-out;
}

.counter-display 
{
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-top: 10px; 
    font-size: 16px; 
    color: rgb(161, 160, 167);; 
    width: 100%; 
}

#current-hearts 
{
    font-weight: 300px; 
}

#target-hearts-value 
{
    font-weight: normal; 
}

.separator 
{
    margin-right: 5px; 
    display: none; 

}

.counter-display img 
{
    margin-left: 5px; 
    vertical-align: middle; 
}



.click-button 
{
    background-color: rgb(229, 51, 115); 
    color: white; 
    padding: 15px 30px; 
    border: none; 
    cursor: pointer; 
    box-sizing: border-box; 
    font-family: "Press Start 2P";
}

.click-button:hover 
{
    background-color: #E00066; 
}

.click-button:active 
{
    background-color: #C00055; 
}



.click-button.completed {
    background-color: rgb(47, 170, 125); 
    cursor: default; 
    pointer-events: none; 
}

.click-button.completed:hover,
.click-button.completed:active {
    background-color: rgb(47, 170, 125); 
}