@charset "UTF-8";
/* CSS Document */

.hero-image{

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

}

.hero-image::after{

content:"";

width:500px;

height:40px;

background:rgba(37,99,235,.12);

position:absolute;

left:50%;

transform:translateX(-50%);

filter:blur(35px);

border-radius:50%;

z-index:-1;

bottom:-25px;

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

}

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0px);

}

}

@keyframes shadow{

0%{

transform:translateX(-50%) scale(.95);

opacity:.45;

}

50%{

transform:translateX(-50%) scale(1.08);

opacity:.20;

}

100%{

transform:translateX(-50%) scale(.95);

opacity:.45;

}