body {
    background-image: url('cyberpunk.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #00FF00; /* Цвет текста для body */
}
h1 {
    color: #C71585; /* Цвет заголовка */
    font-family: 'Tiny5', sans-serif; /* Применяем шрифт Tiny5 */
}

/* <style>

       hr {
           border: none;
           height: 2px;
           background-color: rgb(255, 0, 0);
           margin: 20px 0;
       }
   </style> */
   /* <style>

hr {
  border: none;
  height: 2px;
  margin: 20px 0;
}
</style>
</head>
<body>

<h1>Пример с случайными цветами для линий</h1>
<p>Это текст перед линией.</p>

<!-- Место для случайных линий -->
<div id="linesContainer"></div>

<p>Это текст после линий.</p>

<script>
function getRandomColor() {
// Генерируем случайные значения для RGB от 0 до 255
const r = Math.floor(Math.random() * 256);
const g = Math.floor(Math.random() * 256);
const b = Math.floor(Math.random() * 256);
return `rgb(${r}, ${g}, ${b})`; // Возвращаем цвет в формате RGB
}

const linesContainer = document.getElementById("linesContainer");

// Создаем несколько линий с случайными цветами
for (let i = 0; i < 1; i++) {
const hr = document.createElement("hr");
hr.style.backgroundColor = getRandomColor();
linesContainer.appendChild(hr);
}
</script> */



/* #header-1 {
  font-family: Arial, sans-serif;
}

#header-2 {
  font-family: Verdana, sans-serif;
} */

#cell-1
  .jacquard-24-regular {
    font-family: "Jacquard 24",  monospace;

}
