body{
    font-family: 'Montserrat', sans-serif;
    position: relative; 
   width: 100%; 
    
}
.card{
    position: absolute;
    top:155%;
    left: 15%; 
    width: 100%; 
    
}

#colors button{
    border: none;
    width: 60px ;
    height: 40px;
    margin: 6px;
    outline: none;
}


#black{
    background-color:  #23211f;

}
#red{
    background-color: #ca3d22;
}

#blue{
    background-color: #565681;
   
}
#purple{
    background-color: #8a5362;
   
}
#pink{
    background-color: #e9c7be;

}

#imgH{
    position: relative;
   
   
}
#imgH div{
    color: white;
    position: absolute; 
    top: 150px; 
    left: 0; 
    width: 100%; 
    text-align: center;
    font-size: 25px;
    display: block;
    
}
/*----------------------------------*/
#H {
    position: absolute; 
    top: 115px; 
    left: 0; 
    width: 31%; 
    text-align: center;
    font-size: 55px;
    color: red;
    display: none;

}
#H h3{
    color: white;
}
.fa-heartbeat {
    /* Animating heart */
    animation: pulse 1s linear infinite;
}
  
@keyframes pulse {
    0%{
      transform: scale(1);
      opacity: 0;
    }
    50%{
      transform: scale(1.3);
      opacity:1;
    }
    100%{
      transform: scale(1);
      opacity:0;
    }
}