style.css

.grow:hover {
  -webkit-transform:scale(1.3);
  -moz-transform:scale(1.3);
  -ms-transform:scale(1.3);
  -o-transform:scale(1.3);
  transform:scale(1.3);
}



.container {
    width: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
}

.hand {
    height: 500px;
    width: 300px;
    margin-top: 50px;
}
 h1{
     text-align: center;
     font-family: 'Roboto', sans-serif;
     font-size: 45px;
     margin-top: 35px;
 }

 h3 {
     text-align: center;
     font-family: 'Roboto', sans-serif;
 }



/* Hand 1 */
.cls-1-1{
    fill:#19C2ED; }

.cls-1-1:hover {
    fill: tomato !important;
}


/* Hand 2 */
.cls-1-2{
    fill:hotpink; }

.cls-1-2:hover {
    fill: yellow !important;
}

/* Hand 3 */
.cls-1-3{
    fill:#ED9C17; }

.cls-1-3:hover {
    fill: #1765ED !important;
}

/* Hand 4 */
.cls-1-4{
    fill:#B4E40B ; }

.cls-1-4:hover {
    fill: #E40B53!important;
}

/* Hand 5 */

.cls-1-5{
    fill:#950BE4   ; }

.cls-1-5:hover {
    fill: #0BC2E4!important;
}

.cls-3:hover {
    fill: yellow !important;
}