.blink {
    animation: blink 2s linear infinite;
    color: green;
    font-size: 32px;
    font-weight: bolder;
}

.zoom-outs {
    transition: transform .2s;
    /* Animation */
}

.zoom-outs:hover {
    -ms-transform: scale(1.05);
    /* IE 9 */
    -webkit-transform: scale(1.05);
    /* Safari 3-8 */
    transform: scale(1.05);
}


/* [1] The container */

.img-hover-zoom {
    overflow: hidden;
    /* [1.2] Hide the overflowing of child elements */
}


/* [2] Transition property for smooth transformation of images */

.img-hover-zoom img {
    transition: transform .5s ease;
}

.gambar-tengah {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}


/* [3] Finally, transforming the image when container gets hovered */

.img-hover-zoom:hover img {
    /*transform: scale(1.5); */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
}

.footer-desk {
    text-align: justify;
    padding: 15px;
}

.text-web {
    font-family: Arial, Helvetica, sans-serif;
    color: black;    
}

.box-shadow {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.text-center-bolder {
    text-align:center;
    font-weight:bolder;
}