@import url(hero.css);
@import url(filter.css);
@import url(grid.css);
@import url(lightbox.css);
@import url(cta.css);
@import url(load-more.css);
.floating-bg span{

    position:absolute;

    font-size:22px;

    opacity:.08;

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

}

.floating-bg span:nth-child(1){ top:10%; left:5%; }
.floating-bg span:nth-child(2){ top:30%; right:10%; }
.floating-bg span:nth-child(3){ bottom:20%; left:15%; }
.floating-bg span:nth-child(4){ bottom:10%; right:20%; }

@keyframes float{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-20px); }
}

body::after{

    content:"";

    position:fixed;

    width:20px;

    height:20px;

    border-radius:50%;

    background:rgba(139,92,246,.3);

    pointer-events:none;

    transform:translate(-50%,-50%);

    transition:.05s;

}
.filter-btn{
    transition:.3s cubic-bezier(.22,.8,.2,1);
}