<style>
    body {
      background-image: url('https://i.pinimg.com/originals/ef/e4/91/efe4911c1514bd6da486c87cab240f60.gif');
      background-size: cover;          /* Заполняет весь экран без искажений */
      background-repeat: no-repeat;  /* Не повторять изображение */
      background-position: center;     /* Центрировать фон */
      margin: 0;                     /* Убрать отступы по умолчанию */
      height: 100vh;               /* Занять всю высоту экрана */
    }

    body {
      margin: 0;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: OpenLukyanov;
    }
    .shake-on-hover {
      display: inline-block; /* Чтобы анимация работала корректно */
      font-size: 24px;
      font-weight: bold;
      color: #DC62DE;
    }

    .shake-on-hover:hover {
      animation: shake 0.5s ease-in-out infinite;
    }

    @keyframes shake {
      0%   { transform: translateX(0); }
      10%  { transform: translateX(-2px); }
      20%  { transform: translateX(4px); }
      30%  { transform: translateX(-6px); }
      40%  { transform: translateX(8px); }
      50%  { transform: translateX(-10px); }
      60%  { transform: translateX(8px); }
      70%  { transform: translateX(-6px); }
      80%  { transform: translateX(4px); }
      90%  { transform: translateX(-2px); }
      100% { transform: translateX(0); }
    }

        .animated-text {
            font-size: 50px;
            font-weight: bold;
            animation: bounce 2s infinite alternate;
        }

        @keyframes bounce {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(-10px);
            }
        }
  
.tekst_sprava {

text-align: center;

}

img:hover {
animation: shake 0.5s;
animation-iteration-count: infinite;

}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
20% { transform: translate(-1px, -2px) rotate(-1deg); }
35% { transform: translate(-3px, 0px) rotate(1deg); }
50% { transform: translate(3px, 2px) rotate(0deg); }
70% { transform: translate(1px, -1px) rotate(1deg); }
85% { transform: translate(-1px, 2px) rotate(-1deg); }
100% { transform: translate(-3px, 1px) rotate(0deg); }
}

  </style>