/*-------------------------------------------Background Image---------------------------------------------*/
#bg {
    width: 100%;
    height: auto;
}


/*-------------------------------------------Redirect Button---------------------------------------------*/
.redirect-btn {
    top: 34%;
}

.redirect-btn img {
    width:65%;
    animation: pulse 0.9s  infinite linear;
}

/*-------------------------------------------Keyframe Animation---------------------------------------------*/
@keyframes pulse {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.9);
    }
}

@keyframes floatCircle {
    0% {
        transform: translate(0px, 0px);
    }

    25% {
        transform: translate(0px, 5px);
    }

    50% {
        transform: translate(2.5px, 7.5px);
    }

    75% {
        transform: translate(2.5px, 5px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

/*-------------------------------------------Multi Device Screen Size---------------------------------------------*/
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #bg {
        height: 100vh;
    }
}