/* Add custom CSS styles below */ 
/* لازم يكون عندك متغير الشعار ده معرف، لو مش موجود ضيفه */
:root {
  --logo: url(https://cdn.files.salla.network/theme/1726798568/7bdb20ba-0b4f-4845-a0b5-4d1534521b1d_500x500.png);
}

/* كود الأنيميشن بس */
body.index:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 999999;
  background: #fff var(--logo);
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150px;
  animation: fade-out 4s ease-in-out forwards;
  transition: opacity .5s ease-in-out;
  pointer-events: none;
  border: none;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}