[html]
<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
    display: none;
    padding: 3px;
    border: 0px solid #C0C0C0;
}
.tabs>label {
    display: inline-block;
    padding: 0px;
    margin: 0 0px 0px 0;
    text-align: center;
    color: #666666;
    border: 0px solid #C0C0C0;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 0px solid #C0C0C0;
    border-bottom: 0px solid #FFFFFF;
    opacity: 1;
    padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }

  .name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}

.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}

.name img {
border: none;
display: block;
z-index: 1;
}

.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}

.name:hover:before {
opacity: 0.6;
}

.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
 
 
  .backk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/7NC3JfT9/image.png");
    background-position: top center;
    background-repeat: no-repeat;
margin: auto;
  }
 
 
 
  .textt2 {
    z-index: 10;
    height: 10px;
    width: 480px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -150px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3 {
    z-index: 12;
    height: 550px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 7.5px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 11px;
    opacity: 0.85;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
     left: 25px;
  }
 
  </style>
  <div class="backk">
    <div class="textt1">
     
    </div>
    <div class="textt3"> <b> </b>
      <center><b> <font style="font-size: 15px; color: #ef0c77;"> Покажет силу любви к Дринку </font> </b> </center>
      <br>

<p><span style="font-family:verdana,geneva,sans-serif;">
<b><font style="font-size: 11px;">Вопросы по горизонтали:</font></b><br>
<font style="font-size: 10px;">2. Профессия, которую выбрала Фэй<br>
4. Любимая вещь Хейли в школе<br>
7. Любимое развлечение Викрама и Бриджет <br>
    8. Никогда не потеряет голову от любви<br>
9. Язык, на котором говорит Джейми (кроме языка любви)<br>
10. Лучшая подружка Чонси<br>
11. Одно из любимых занятий Демельзы<br>
16. «Религия» Криса<br>
17. Самый простой предмет для Терри<br>
18. Больше, чем порядок, Сара любит это<br>
19. Белла любит брата, Грэма и это<br>
21. Любимая еда Тэмзин<br>
</font><br>
<b><font style="font-size: 11px;">Вопросы по вертикали:</font></b><br>
<font style="font-size: 10px;">1. Любимые питомцы Грэма<br>
    3. Инструмент обольщения, которым владеет Харви <br>
5. Ваша любимая газета <br>
6. Жизненно важное чувство для Лаванды <br>
9. Малфой не успел прийти, а уже заполучил<br>
10. Мечта Викрама - это <br>
12. Лучшая подружка Джея <br>
13. Любимый способ общния Титуса<br>
14.  По мнению Рикетта, девчонкам там не место<br>
15. Маркус Фенвик по мнению Сэди<br>
20. Любимое место для сна Горацио <br>
21. Любимое занятие дринковцев во флуде<br>
</font>
<center>Для удобства можно скачать файл по <a href="https://docs.google.com/document/d/1YBGjxFcB2GFRiZUVAGjgqHcy5t6zhEicOf5I9vtVREg/edit?tab=t.0"><strong> ссылке </strong></a><br>
<img src=https://i.ibb.co/xSSHZGYP/ezgif-com-resize.png alt=»описание изображения»></center><br><br><br><br><br>
</span></p>

    </div>
  </div>
</center>[/html]