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


/*-------------------------------------------Redirect Button---------------------------------------------*/
.redirect-btn {
    top: 42%;
    z-index: 5;
}

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

.e1 {
    top: 54%;
    left: 40%;
}

.e1 img {
    width:9%;
    animation: diagonal1 1.5s  infinite linear;
}

.e2 {
    top: 80%;
    right: 40%;
}

.e2 img {
    width:30%;
    animation: diagonal3 1.5s  infinite linear;
}

.e4 {
    top: 48%;
    right: 45%;
}

.e4 img {
    width:10%;
    animation: diagonal2 1.5s  infinite linear;
}

.e5 {
    top: 42%;
    left: 40%;
}

.e5 img {
    width: 7%;
    animation: diagonal2 1.5s  infinite linear;
}

.text1 {
    top: 16%;
}

.text1 img {
    width:74%;
    animation: pulse1 1s  infinite linear;
}

.text2 {
    top: 89%;
}

.text2 img {
    width:85%;
    animation: shake 3s  infinite linear;
}


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

    50% {
        transform: scale(1.1);
    }

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

@keyframes pulse1 {
    0% {
        transform: scale(0.9);
    }
    20% {
        transform: scale(1.1);
    }

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

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

    50% {
        transform: translate(-10%, 10%);
    }

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

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

    50% {
        transform: translate(-10%, 10%);
    }

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

@keyframes diagonal3 {
    0% {
        transform: translate(0%, 0%);
    }
    50% {
        transform: translate(-10%, 10%);
    }
    100% {
        transform: translate(0%, 0%);
    }
}

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