/* ==========================================================
   SHYAMKRISHI ANIMATIONS
========================================================== */

/* Floating */

@keyframes float {

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

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

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

}

/* Slow Floating */

@keyframes floatSlow {

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

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

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

}

/* Rotate */

@keyframes rotate {

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

/* Fade Up */

@keyframes fadeUp {

0%{

opacity:0;

transform:translateY(60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/* Fade Left */

@keyframes fadeLeft {

0%{

opacity:0;

transform:translateX(-80px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* Fade Right */

@keyframes fadeRight {

0%{

opacity:0;

transform:translateX(80px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* Zoom */

@keyframes zoomIn {

0%{

opacity:0;

transform:scale(.8);

}

100%{

opacity:1;

transform:scale(1);

}

}

/* Pulse */

@keyframes pulse {

0%{

transform:scale(1);

}

50%{

transform:scale(1.05);

}

100%{

transform:scale(1);

}

}

/* Glow */

@keyframes glow {

0%{

box-shadow:0 0 0 rgba(132,204,22,.0);

}

50%{

box-shadow:0 0 35px rgba(132,204,22,.35);

}

100%{

box-shadow:0 0 0 rgba(132,204,22,.0);

}

}

/* Background Gradient */

@keyframes gradientMove {

0%{

background-position:0% 50%;

}

50%{

background-position:100% 50%;

}

100%{

background-position:0% 50%;

}

}

/* Blob */

@keyframes blob {

0%{

transform:translate(0px,0px) scale(1);

}

33%{

transform:translate(30px,-50px) scale(1.1);

}

66%{

transform:translate(-20px,20px) scale(.95);

}

100%{

transform:translate(0px,0px) scale(1);

}

}

/* Ripple */

@keyframes ripple {

0%{

transform:scale(.8);

opacity:.5;

}

100%{

transform:scale(2);

opacity:0;

}

}

/* Scroll Indicator */

@keyframes scrollDown {

0%{

transform:translateY(0);

opacity:1;

}

100%{

transform:translateY(18px);

opacity:0;

}

}

/* Card Hover */

.hover-card{

transition:.45s;

}

.hover-card:hover{

transform:translateY(-12px);

box-shadow:0 30px 80px rgba(0,0,0,.12);

}

/* Floating */

.float{

animation:float 6s ease-in-out infinite;

}

.float-slow{

animation:floatSlow 10s ease-in-out infinite;

}

/* Pulse */

.pulse{

animation:pulse 2s infinite;

}

/* Glow */

.glow{

animation:glow 2.5s infinite;

}

/* Fade Classes */

.fade-up{

animation:fadeUp 1s both;

}

.fade-left{

animation:fadeLeft 1s both;

}

.fade-right{

animation:fadeRight 1s both;

}

.zoom{

animation:zoomIn .8s both;

}

/* Gradient */

.animated-gradient{

background:linear-gradient(
-45deg,
#2F855A,
#84CC16,
#22C55E,
#08111F
);

background-size:400% 400%;

animation:gradientMove 10s ease infinite;

}

/* Aurora */

.aurora{

position:absolute;

width:700px;

height:700px;

border-radius:50%;

filter:blur(120px);

opacity:.18;

background:#84CC16;

animation:blob 18s infinite;

z-index:-1;

}

.aurora.two{

background:#2F855A;

animation-delay:6s;

}

.aurora.three{

background:#22C55E;

animation-delay:12s;

}

/* Glass */

.glass{

background:rgba(255,255,255,.08);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.18);

}

/* Button Hover */

.btn-premium{

transition:.4s;

}

.btn-premium:hover{

transform:translateY(-5px);

box-shadow:0 20px 45px rgba(47,133,90,.25);

}