/* -----------------------------
   Islamic Background Pattern
--------------------------------*/

.islami-bg {
  background-image: url("../images/islami-pattern.svg");
  background-repeat: repeat;
  background-size: auto;
}


/* -----------------------------
   Floating Islamic Elements
--------------------------------*/

.floating-islami{
    position:absolute;
    opacity:0.06;
    pointer-events:none;
    animation:islamiFloat 20s ease-in-out infinite;
}

@keyframes islamiFloat{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-40px);
    }
    100%{
        transform:translateY(0px);
    }
}