html{

    scroll-behavior:smooth;

}

.section{

    opacity:0;
    transform:translateY(70px);
    transition:all .8s ease;

}

.section.show{

    opacity:1;
    transform:translateY(0);

}

.fade-up{

    opacity:0;
    transform:translateY(60px);
    transition:.8s;

}

.fade-up.show{

    opacity:1;
    transform:translateY(0);

}

.fade-left{

    opacity:0;
    transform:translateX(-80px);
    transition:.8s;

}

.fade-left.show{

    opacity:1;
    transform:translateX(0);

}

.fade-right{

    opacity:0;
    transform:translateX(80px);
    transition:.8s;

}

.fade-right.show{

    opacity:1;
    transform:translateX(0);

}

.zoom-in{

    opacity:0;
    transform:scale(.85);
    transition:.8s;

}

.zoom-in.show{

    opacity:1;
    transform:scale(1);

}

.rotate-up{

    opacity:0;
    transform:rotate(-6deg) translateY(50px);
    transition:.8s;

}

.rotate-up.show{

    opacity:1;
    transform:rotate(0);

}

.blur-in{

    opacity:0;
    filter:blur(10px);
    transition:1s;

}

.blur-in.show{

    opacity:1;
    filter:blur(0);

}

.float{

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

}

@keyframes float{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

}

.pulse-green{

    animation:pulseGreen 2s infinite;

}

@keyframes pulseGreen{

    0%{

        box-shadow:0 0 0 rgba(12,190,7,.7);

    }

    50%{

        box-shadow:0 0 25px rgba(12,190,7,.6);

    }

    100%{

        box-shadow:0 0 0 rgba(12,190,7,0);

    }

}