ФОН

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>9 Мая — День Победы</title>
  <link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
  <style>
    /* Базовые стили */
    body {
      background-color: #D32F2F; /* Насыщенный красный */
      margin: 0;
      padding: 0;
      min-height: 100vh;
      position: relative;
      font-family: Arial, sans-serif;
      color: white;
    }

    /* Орнамент: звёзды и ордена Победы */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background-image:
        /* Золотые звёзды */
        radial-gradient(circle at 2px 2px, #FFD700 1px, transparent 3px),
        /* Стилизованный орден Победы (SVG inline) */
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="60" height="60"><path fill="%23FFD700" d="M20 2L25 15h13l-10 7 4 13-10-7-10 7 4-13-10-7h13z"/></svg>');
      background-size: 80px 80px, 120px 120px;
      background-position: 0 0, 60px 60px;
      opacity: 0.15; /* Полупрозрачность для ненавязчивости */
      pointer-events: none; /* Не мешает кликам по контенту */
      z-index: -1;
    }

    /* Заголовок */
    .victory-title {
      position: fixed;
      top: 30px;
      left: 50%;
      transform: translateX(-50%);
      color: #FFD700; /* Золотой цвет */
      font-family: 'Russo One', cursive;
      font-size: clamp(2rem, 5vw, 3.5rem); /* Адаптивный размер */
      text-align: center;
      white-space: nowrap;
      z-index: 10;
      text-shadow:
        0 0 15px rgba(255, 215, 0, 0.4),
        2px 2px 6px rgba(0, 0, 0, 0.8);
      letter-spacing: 1px;
    }

    /* Основной контент */
    main {
      max-width: 90%;
      margin: 150px auto 0; /* Отступ от заголовка */
      padding: 20px;
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(5px);
      border-radius: 10px;
    }

    h1 {
      font-size: 2rem;
      margin-bottom: 20px;
      text-align: center;
    }

    p {
      line-height: 1.6;
      font-size: 1.1rem;
    }
  </style>
</head>
<body>
  <!-- Заголовок -->
  <div class="victory-title">9 Мая, <br>ДЕНЬ ПОБЕДЫ, <br>1941–1945</div>

  <!-- Основной контент -->
  <main>
    <h1>Память о Великой Победе</h1>
    <p>Этот день напоминает нам о подвиге наших предков, отстоявших мир и свободу. Мы чтим память героев и передаём эту память следующим поколениям.</p>
    <p>Пусть мужество и единство, проявленные в годы войны, всегда будут примером для нас.</p>
  </main>
</body>
</html>