#activity {
    width: 120px;
    height: auto;
    position: fixed;
    z-index: 998;
    right: 40px;
    bottom: 10%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation: AniFloat 1.5s ease-in-out infinite alternate both;
    animation: AniFloat 1.5s ease-in-out infinite alternate both;

}

#activity .anniversary {
    height: auto;
    width: 100%;

    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: scale(1);
    transform: scale(1);

    box-shadow: #ffffff inset;
    /* border: 2px solid #ffd446; */
    border-radius: 21px;
}

#activity .finger {
    position: absolute;
    left: -15%;
    bottom: -18%;
    transform: rotate(45deg) scale(1);
    width: 35px;
    transition: all 0.2s ease-in-out;
}

#activity .close {
    position: absolute;
    right: -6%;
    top: -6%;
    transform: scale(1);
    width: 25px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    z-index: 20;
}

#activity:hover .anniversary {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#activity:hover .finger {
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#activity:hover .close {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


@-webkit-keyframes glow {
    from {
        -webkit-filter: drop-shadow(0px 0px 10px rgb(255, 239, 187));
        filter: drop-shadow(0px 0px 10px rgb(255, 239, 187))
    }

    to {
        -webkit-filter: drop-shadow(0px 0px 25px rgb(255, 239, 187));
        filter: drop-shadow(0px 0px 25px rgb(255, 239, 187))
    }
}

@keyframes glow {
    from {
        -webkit-filter: drop-shadow(0px 0px 10px rgb(255, 239, 187));
        filter: drop-shadow(0px 0px 10px rgb(255, 239, 187))
    }

    to {
        -webkit-filter: drop-shadow(0px 0px 25px rgb(255, 239, 187));
        filter: drop-shadow(0px 0px 25px rgb(255, 239, 187))
    }
}

@-webkit-keyframes AniFloat {
    0% {
        -webkit-transform: translateY(4%);
        transform: translateY(4%);
    }

    50% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(4%);
        transform: translateY(4%);
    }
}

@keyframes AniFloat {
    0% {
        -webkit-transform: translateY(4%);
        transform: translateY(4%);
    }

    50% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(4%);
        transform: translateY(4%);
    }
}