/* Styles de base */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background: url('images/DC-1/DC-1_Sans_Flammes.jpg') no-repeat center center fixed;
  background-size: cover;
  font-family: Arial, sans-serif;
  color: #fff;
}

/* Styles pour les filaments */
.filament-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.filament {
  position: absolute;
  width: 200%;
  height: 5px;
  background: linear-gradient(to right, rgba(255, 140, 0, 0) 0%, rgba(255, 140, 0, 0.5) 50%, rgba(255, 140, 0, 0));
  filter: blur(4px);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}


@keyframes moveLeftToRight { 0% { left: -100%; top: 20%; } 100% { left: 100%; top: 20%; } }
@keyframes moveRightToLeft { 0% { left: 100%; top: 40%; } 100% { left: -100%; top: 40%; } }
@keyframes moveTopToBottom { 0% { top: -100%; left: 60%; } 100% { top: 100%; left: 60%; } }
@keyframes moveBottomToTop { 0% { top: 100%; left: 80%; } 100% { top: -100%; left: 80%; } }

.filament:nth-child(1) { animation: moveLeftToRight 4s linear infinite; transform: rotate(15deg); }
.filament:nth-child(2) { animation: moveRightToLeft 5s linear infinite; transform: rotate(-10deg); }
.filament:nth-child(3) { animation: moveTopToBottom 6s linear infinite; transform: rotate(25deg); }
.filament:nth-child(4) { animation: moveBottomToTop 7s linear infinite; transform: rotate(-30deg); }
.filament:nth-child(5) { animation: moveLeftToRight 8s linear infinite; transform: rotate(5deg); }
.filament:nth-child(6) { animation: moveRightToLeft 6s linear infinite; transform: rotate(20deg); }
.filament:nth-child(7) { animation: moveTopToBottom 7s linear infinite; transform: rotate(-20deg); }
.filament:nth-child(8) { animation: moveBottomToTop 5s linear infinite; transform: rotate(10deg); }
.filament:nth-child(9) { animation: moveLeftToRight 9s linear infinite; transform: rotate(-15deg); }
.filament:nth-child(10) { animation: moveRightToLeft 4s linear infinite; transform: rotate(30deg); }