html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column; /* элементы идут сверху вниз */
  justify-content: flex-start; /* прижать к верхней части контейнера */
  align-items: center; /* центр по горизонтали */
  min-height: 100vh; /* занять всю высоту окна */
  margin: 0; /* удаляет  стандрт отступы если есть */
  padding-top: 20px; /* если нужен отступ сверху, можно добавить */
  
  color: #d7c7b7; /* Тёплый бежево-серый цвет текста, как старинная бумага */
  font-family: 'UnifrakturCook', cursive, 'Courier New', monospace; /* Готический стиль + пиксельный моноширинный на запас */
  font-size: 16px;
  line-height: 1.6;
  padding: 20px;
  background-color: #0b0a0f; /* тёмный фон на случай, если картинка не загрузилась */
  background-image: url("d368ae9815196cb6f7105512ef058ddc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  animation: flicker 3s infinite ease-in-out;
}

/* Остальной ваш CSS без изменений */

/* Ссылки */
a {
  color: #cc77ff;
  text-decoration: none;
  text-shadow: 0 0 8px #a040f0;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}
a:hover, a:focus {
  color: #ff99ff;
  text-shadow: 0 0 20px #ff66ff, 0 0 40px #ff33ff;
  outline: none;
}

/* Заголовки */
h1, h2, h3, h4 {
  font-family: 'UnifrakturCook', cursive, serif;
  color: #e0c9ff;
  text-shadow:
    0 0 15px #b070ff,
    0 0 25px #7e40ff;
  margin-top: 1em;
  margin-bottom: 0.5em;
  user-select: text;
}

/* Основной контент */
p, li {
  text-shadow: 0 0 2px #000;
}

/* Кнопки */
button, input