/* فقط Splash - دیگر body را دستکاری نمی‌کنیم */
#splash-screen {
  position: fixed;
  inset: 0;
  background: #fff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

#splash-screen svg {
  width: 200px;
  height: auto;
}

.part {
  opacity: 0;
}

.big-navy {
  animation: fadeLoop 3s infinite;
  animation-delay: 0s;
}
.small-navy {
  animation: fadeLoop 3s infinite;
  animation-delay: 0.5s;
}
.yellow {
  animation: fadeLoop 3s infinite;
  animation-delay: 1s;
}

@keyframes fadeLoop {
  0% { opacity: 0; }
  15%, 35% { opacity: 1; }
  65%, 100% { opacity: 0; }
}