#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, glow 1s ease-in-out infinite alternate both;
    animation: AniFloat 1.5s ease-in-out infinite alternate both, glow 1s ease-in-out infinite alternate both;

}

#activity .anniversary{
    height:auto;
    width: 120%;
    -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: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;
}



@-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%);
    }
}
@media screen and (max-width: 576px){
    #activity{display:none}
}