/* -- Background -- */
.bg-gradient-gray {
    background: linear-gradient(160deg, #999999, #333333);
    background-size: 400% 400%;

    -webkit-animation: GrayGray 0s ease infinite;
    -moz-animation: GrayGray 0s ease infinite;
    animation: GrayGray 0s ease infinite;
}

@-webkit-keyframes GrayGray {
    0%{background-position:7% 0%}
    50%{background-position:94% 100%}
    100%{background-position:7% 0%}
}
@-moz-keyframes GrayGray {
    0%{background-position:7% 0%}
    50%{background-position:94% 100%}
    100%{background-position:7% 0%}
}
@keyframes GrayGray {
    0%{background-position:7% 0%}
    50%{background-position:94% 100%}
    100%{background-position:7% 0%}
}
/* ---- */

/* -- Buttons -- */
.btn-gradient-social {
    background: linear-gradient(31deg, #d93d1a, #591ad9);
    background-size: 400% 400%;

    -webkit-animation: RedBlue 41s ease infinite;
    -moz-animation: RedBlue 41s ease infinite;
    animation: RedBlue 41s ease infinite;
}

@-webkit-keyframes RedBlue {
    0%{background-position:0% 31%}
    50%{background-position:100% 70%}
    100%{background-position:0% 31%}
}
@-moz-keyframes RedBlue {
    0%{background-position:0% 31%}
    50%{background-position:100% 70%}
    100%{background-position:0% 31%}
}
@keyframes RedBlue {
    0%{background-position:0% 31%}
    50%{background-position:100% 70%}
    100%{background-position:0% 31%}
}

.btn-gradient-minecraft {
    background: linear-gradient(7deg, #36c723, #604e0b, #2ec9cf);
    background-size: 600% 600%;

    -webkit-animation: Minecraft 30s ease infinite;
    -moz-animation: Minecraft 30s ease infinite;
    animation: Minecraft 30s ease infinite;
}

@-webkit-keyframes Minecraft {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}
@-moz-keyframes Minecraft {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}
@keyframes Minecraft {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}

.btn-gradient-grim {
    background: linear-gradient(48deg, #f611f2, #121ada, #640c75);
    background-size: 600% 600%;

    -webkit-animation: GrimITA 21s ease infinite;
    -moz-animation: GrimITA 21s ease infinite;
    animation: GrimITA 21s ease infinite;
}

@-webkit-keyframes GrimITA {
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}
@-moz-keyframes GrimITA {
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}
@keyframes GrimITA {
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}
/* ---- */