/* Glow Background */

.background{
    animation:gradientMove 12s ease infinite;
    background-size:300% 300%;
}

@keyframes gradientMove{

0%{
background-position:0% 50%;
}

50%{
background-position:100% 50%;
}

100%{
background-position:0% 50%;
}

}

/* Fade */

.hero,
.card,
.rank-card,
.stat,
.info-box,
.page-title{

animation:fadeUp .8s ease;

}

@keyframes fadeUp{

from{

opacity:0;
transform:translateY(40px);

}

to{

opacity:1;
transform:translateY(0);

}

}

/* Hover */

.card:hover,
.rank-card:hover,
.stat:hover,
.info-box:hover{

transform:translateY(-12px);
transition:.35s;
box-shadow:0 0 30px rgba(0,162,255,.4);

}

/* Floating */

.hero-image img{

animation:floating 4s ease-in-out infinite;

}

@keyframes floating{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-18px);
}

100%{
transform:translateY(0px);
}

}

/* Button */

.btn-primary:hover,
.btn-secondary:hover,
.buy:hover,
.buy-btn:hover,
.discord:hover,
.whatsapp:hover{

transform:scale(1.08);
transition:.3s;
box-shadow:0 0 25px rgba(0,170,255,.6);

}

/* Floating Icon */

.discord-float,
.whatsapp-float{

animation:pulse 2s infinite;

}

@keyframes pulse{

0%{

box-shadow:0 0 0 rgba(0,150,255,.6);

}

50%{

box-shadow:0 0 25px rgba(0,150,255,.8);

}

100%{

box-shadow:0 0 0 rgba(0,150,255,.6);

}

}