[html]
<!--HTML-->
<center>
  <style>
  .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/mbYVS6q/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt1 {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://forumupload.ru/uploads/001a/2e/af/154/630609.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt2 {
    z-index: 10;
    height: 5px;
    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: -155px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3 {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 8.0px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.87;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin-left: -0px;
  }
  </style>
  <div class="backk">
    <div class="textt1">
      <div class="textt2">
        <center> <font style="font-size: 7px;"> Хап-тьфу вам гороскоп! </font></center>
      </div>
    </div>
    <div class="textt3"> <b> </b>
      <center><b> <font style="font-size: 16px; color: #FF0000;"> ГРИФФИНДОР</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">

В начале месяца на небе будут выделяться Венера и Юпитер, которые влияют на удачу и счастье. Эти две планеты образуют гармоничную связь друг с другом, но не с вами. Впрочем, не все так безнадежно, как может показаться на первый взгляд. Этот месяц принесет вам полезные встречи, а также возможности для развития творчества. Ваша самореализация будет протекать в тени, в кулуарах, в каких-то альтернативных местах, обычно предназначенных для другого. Но не переживайте, вас точно заметят.
<br>
<br>
Счастливый день: 28.09
<br>
</span></p>
<center><b> <font style="font-size: 16px; color: #FFD700;"> ХАФФЛПАФФ</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">
В середине месяца Солнце сделает тритин к Урану, а вам сделают подарки, связанные с недвижимостью. Нет, вы не сможете справиться с заклятием вечного приклеивания, никто не может. Но возможно, недвижимая инсталляция принесет вам удачу! Звезды обещают вам вхождение в новую парадигму и не советуют пропускать отработки, на которых вам может открыться какая-нибудь тайна, сделающая вас счастливее.
<br> 
<br>
Счастливый день: 21.09
<br>

</span></p>

      <center><b> <font style="font-size: 16px; color: #0000FF;"> РЕЙВЕНКЛО</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">
В этом месяце ожидается вступление Меркурия в аспект с Плутоном. Это означает начало туманных предсказаний и ложных ожиданий. Осторожнее всего будьте на лестницах с исчезающими ступеньками, кто знает, когда ступенька отправит вас в свободный полет? Вот вам совет: чтобы избавиться от черной полосы, окуривайте помещения мандрагорой и избегайте ненакуренных помещений. И будьте осторожны: возможно, это предсказание тоже ложное.
<br>
<br>
Счастливый день: 23.09
<br>
</span></p>

      <center><b> <font style="font-size: 16px; color: #008000;"> СЛИЗЕРИН</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">
Луна сохраняет доминирующее положение, и к ней присоединяется Уран, ранее занимавший контрапозицию по отношению ко всем. Это означает для вас возможность в полной мере раскрыть свой потенциал. С этого месяца вы сумеете начать бегать по утрам (и тут же закончить), вставать без будильника (после завтрака) и даже успеть некоторые из намеченных дел. Но не слишком задирайте нос. Не исключено, что из кабинета магловедения на вас свалится утюг, дабы сгладить ваше самолюбие.

<br>
<br>
Счастливый день: 7.09
<br>
</span></p>
    </div>
  </div>
</center>[/html]

[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/wLTN84f/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
margin: auto;
  }
 
  .textt1 {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    left: 20px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/V9FDLK4/ezgif-com-gif-maker-3.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .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: 10;
    height: 350px;
    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: 10px;
    opacity: 0.85;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
     left: 25px;
  }
 
  </style>
  <div class="backk">
    <div class="textt1">
      <div class="textt2">
<center> <font style="font-size: 8px;">  В волшебном мире столько разных артефактов, но как же разобраться в их работе? Редакция Дринкополитена поможет вам в этом нелегком деле.</font></center>
      </div>
    </div>
    <div class="textt3"> <b> </b>
      <center><b> <font style="font-size: 16px; color: #D2691E;"> Перо и книга приема. </font> </b> </center>
      <br>

<p><span style="font-family:verdana,geneva,sans-serif;">В одном из кабинетов Хогвартса лежит раскрытая книга из драконьей кожи, а рядом находится видавшее виды перо, которое иногда вылетает из чернильницы и пишет что-то в книге.
<br>
Это перо было изобретено еще основателями. А мы-то думали, они сами искали студентов. Вопреки мнению, что в книгу пишутся имена новорожденных волшебников, перо записывает в Книге Приема имена магических детей Британии в тот момент, когда юный волшебник начинает проявлять магию. Магию пера и книги никто не понимает, да и не очень-то кто-то хочется. Ведь, как говорится, работает - не трогай. В школу никогда не был допущен ребенок, чьего имени не было в Книге.
<br>
Иногда книга может захлопнуться, когда перо попытается вписать в него имя. Перо реагирует на любые колебания магии, книге же порой требуются более весомые доказательства наличия у ребенка магии. Такой подход позволяет отсеять сквибов, у которых, как известно, имеется первоначально какие-то частицы магии, которые потом рассеиваются.

<br>
Как потом профессура разбирается с именами, записанными в порядке появления магии, а не по возрасту, для редакции остается загадкой. Но модернизировать книгу и перо никто не спешит, потому что, как мы помним, работает - не трогай.
<br>
По легенде перо Приема взято у авгурея. Напомним, что по поверьям волшебников, эта птица приносит несчастья. Теперь-то редакции журнала понятно, откуда столько бед сваливается на студентов Хогвартса. Также перья авгурея отталкивают чернила, и никто не знает, чем на самом деле пишет имена это перо (но точно не кровью, это другой артефакт).
<br>
<br>
Свойства Пера и книги:
<br>
— Виноваты в том, что тебе не пришло письмо из Хогвартса
<br>
— Улавливают детскую магию на территории Британии
<br>
— Надписи написаны непонятно чем
<br>
— Да и вообще все какое-то мутное
<br>
— Видели основателей

</span></p>

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

[html]<style>

  .backkrek {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/JmnQjnN/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
    padding-top: 65px;
padding-left: 55px;
    font-size: 10px;
     text-align: justify;
    text-justify: inter - word;
    font-family: Arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
  }
  </style>
<div class="backkrek">
    <div class=".rektextt1">
     <table bottom="-200px;" width="500px;" border="0" align="center">
    <tbody><tr>
    <td>
     <center> <p><img alt="" src="https://i.ibb.co/4scJLDT/image.gif" style="width:120px"></p>

    <p> Тайная страсть избранного! Свою палочку Гарри Поттер мечтает показать...<a href="https://drinkbutterbeer.ru/viewtopic.php?id=2529&p=23#p415705"><em>читать продолжение в источнике></a></p>
    </center></td>
    <td> <center>
    <p><img alt="" src="https://i.ibb.co/QYn3zgN/image.gif" style="width:120px"></p>

    <p> Кастинг на место избранного уже объявлен! Чтобы принять участие, достаточно просто...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2536&p=36#p417452">читать продолжение в источнике</a></em></p>
    </center></td>
    </tr>
    <tr>
    <td> <center>
    <p><img alt="" src="https://i.ibb.co/ZSLK2bN/image.gif" style="width:120px"></p>

    <p> Уникальная система тренировок: результаты в квиддиче улучшатся, если один раз в день...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2536&p=48#p417935">читать продолжение в источнике</a></em></p>
    </center></td>
    <td> <center><p><img alt="" src="https://i.ibb.co/ckvYgW5/image.gif" style="width:120px"></p>

    <p> Совет дня: чтобы девушке избавиться от одиночества, нужно всего лишь...
<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2547&p=3#p418148">читать продолжение в источнике</a></em></p><br>
    </center></td>
    </tr>
    <tr>
    <td> <center>
    <p><img alt="" src="https://i.ibb.co/hBSTNjt/image.gif" style="width:120px"></p>

    <p> УЖАСНАЯ УЧАСТЬ. Дети от магглорождённых волшебников подвергаются...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2522&p=29#p414529">читать продолжение в источнике</a></em></p>
    </center></td>
    <td> <center>
    <p><img alt="" src="https://i.ibb.co/1m684Wp/image.gif" style="width:120px"></p>

    <p> Любви покорны не только все возрасты, но и...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2536&p=47#p417838">ЧИТАТЬ ПРОДОЛЖЕНИЕ В ИСТОЧНИКЕ</a></em></p>
    </center></td>
    </tr>

</tbody></table>

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

[html]
<style>
    .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 {}

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

    .name:after {
        -webkit-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
        font-family: kurale;
        color: white;
        content: attr(alt);
        display: block;
        font-size: 12px;
        opacity: 0;
        padding: 0 3%;
        position: absolute;
        text-justify: inter-word;
        text-transform: uppercase;
        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:hover:before {
        opacity: 0.6;
    }

    .name:hover:after {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-50%);
        transform: scale(1) translateY(-50%);
    }

    .backksk {
        height: 752px;
        width: 564px;
        background-image: url("https://i.ibb.co/DDhdZj8/image.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        margin: auto;
    }

    .textt2sk {
        z-index: 10;
        height: 15px;
        width: 480px;
        text-align: relative;
        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: -165px;
        left:0px;
        background-color: #000;
        opacity: 0.85;
        padding: 10px 10px 10px 10px;
        border: #191d1e solid 0px;
        MARGIN: AUTO;
    }

    .textt3sk {
        z-index: 10;
        height: 500px;
        width: 495px;
        text-transform: uppercase;
        overflow: auto;
        text-align: justify;
        text-justify: inter-word;
        font-size: 9.0px;
        font-family: kurale;
        letter-spacing: 2px;
        color: #000000;
        position: relative;
        text-shadow: 0px 0px 0px #dfe1df;
        bottom: -165px;
        text-indent: 10px;
        opacity: 0.87;
        padding: 7px 7px 7px 7px;
        border: #191d1e solid 0px;
        margin: auto;
    }
</style>
<div class="backksk">
    <div class="textt2sk">
        <center>
            <font style="font-size: 8px;">Спорт, интриги, месть, мистика, щепотка романтики, больничное крыло и немного безумия. Обычная жизнь в Хогвартсе, скажете вы и, в общем-то, будете правы.  </font>
        </center>
    </div>
    <div class="textt3sk"> <b> </b>
        <center> <a class="name" alt="Пятый квиддичный матч: Рейвенкло vs Хаффлпафф [c]" href="https://drinkbutterbeer.ru/viewtopic.php?id=2552"><img src="https://i.ibb.co/99HfMsY/1.gif" width="450px" height="50px"> </a> </center>
        <p>Интрига. Кто победит: шустрые «барсуки» или стероидные «орлы»? На кого редакция сделала ставку мы, конечно же, не скажем, но поделимся последними слухами.<br>
Говорят, что чем больше в матче семикурсников, тем ниже скорость перемещения квоффла по полю, а вы что думали, Ж.А.Б.А. близко (и нет, мы не про Амбридж!). А еще, кажется, Сэмюэльс свои стероиды на тумбочке оставил, а Девис – не будь дураком, подобрал, вон чего творит. <br>
Все еще не завелись? Тогда срочно стартуйте на <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2566">трибуны</a>, посмотрите из первого ряда на этот Ералаш.

</p>
     
        <center> <a class="name" alt="Профориентация для семикурсников в Министерстве Магии [c]" href="https://drinkbutterbeer.ru/viewtopic.php?id=2594"><img class="kart" src="https://i.ibb.co/ChgKFGN/2.jpg" width="450px" height="50px"> </a> </center>
        <p>Заветная мечта Гермионы Грейнджер, а сбывается у семикурсников. Какая удача: Экскурсия в Министерство Магии, где каждый может присмотреть себе работу мечты. Извращенцы есть? Тогда бежим в патентное бюро! Благо рядом. В этой серии вы узнаете: о сложностях выбора, скуке, дружбе и воровстве девушек. Не пропустите.
</p>
     
             <center> <a class="name" alt="Грэм, Кью и исчезательный шкаф" href="https://drinkbutterbeer.ru/viewtopic.php?id=2519"><img src="https://i.ibb.co/Hp83PR9/3.gif" width="450px" height="50px"> </a> </center>
        <p>В редакцию часто поступают вопросы: <br>
– А Грэм выйдет? <br>
– И мячик не скинет? <br>
Спешим утешить небезразличных. Монтегю жив, не здоров и вышел, но есть риски, что на тропу войны. Всем рыжим студентам рекомендуем быть особенно осторожными. Х-м-м-м, а что, если близнецы Уизли не по своей воле школу покинули?
</p>
     
   <center> <a class="name" alt="ты заболела? нет, я так всегда выгляжу" href="https://drinkbutterbeer.ru/viewtopic.php?id=2508"><img src="https://i.ibb.co/QdXjRHK/4.jpg" width="450px" height="50px"> </a> </center>
        <p>Рецепт решения любых проблем от хаффлпаффцев: <br>
Устал? Поешь! Тебе грустно или совсем нет настроения? Поешь! Переживания не дают спокойно жить? Поешь! Может это коварный замысел домовиков? Готовят ароматные вкусняшки, соблазняют жителей подземелий? Получается, барсуки хитрые, лакомятся всегда, когда захочется и радуются жизни, во всяком случае, очень стараются.
</p>
       
        <center> <a class="name" alt="I wish I could say to you" href="https://drinkbutterbeer.ru/viewtopic.php?id=2167"><img src="https://i.ibb.co/82w8s4R/5.jpg" width="450px" height="50px"> </a> </center>
        <p>Чувства – это всегда сложно. А если тебе пятнадцать… Можете спросить у Риты, там вообще караул. Девочки такие милые, нежные, верят в светлые искреннее чувства и хотят всего лишь заботы и внимания. Мальчишки же…там все мысли занимают взрывы, гулянки с друзьями и розыгрыши (иногда не безопасные). Дождется ли принцесса, пока принц повзрослеет? Мы думаем, что это и есть главный вопрос.
</p>

              <center> <a class="name" alt="Суету навести охота" href="https://drinkbutterbeer.ru/viewtopic.php?id=2483"><img src="https://i.ibb.co/mHB3sVM/6.jpg" width="450px" height="50px"> </a> </center>
        <p>«– Видишь рыжего беги!» — прописная истина, которую знают все жители школы. Уизли кошмарили, кошмарят, а некоторым даже снятся. У них нет инстинкта самосоранения, даже если Уизли – это только маленький котенок, которого бес попутал, и он пошел девчатам в спальне суету наводить. За воспитание взялись две девицы. Каким будет наказание? Засюсюкают до смерти или откормят так, что ходить не сможет?
</p>

        <center> <a class="name" alt="Got a secret. Can you keep it?" href="https://drinkbutterbeer.ru/viewtopic.php?id=2592"><img src="https://i.ibb.co/q96gd5W/7.gif" width="450px" height="50px"> </a> </center>
        <p>Леденящие душу приключения Слизеринцев. Или как с пользой провести летние каникулы. Нет, мы не поощряем все непростительное, но крайне увлечены мрачной эстетикой. О, эта тревога, что холодит кончики пальцев; тайна, что мурашками пробирается по коже прямиком к горлу; поддержать, не ударяясь в часовые речи. Ответ будет найден, проблема решена, но со слизеринским изяществом.
</p>

        <center> <a class="name" alt="Atonement" href="https://drinkbutterbeer.ru/viewtopic.php?id=2590"><img src="https://i.ibb.co/cc7tcd6/8.gif" width="450px" height="50px"> </a> </center>
        <p>Встретились однажды пёс со щенком и один другому говорит… А нет, подождите, плохое начало, в общем, как у этой истории. Пока Поттеры сюсюкают малыша Гарри, планируя крестины, все остальные борются за жизнь и топят, все что топится, в алкоголе и хаотичных связях. Нет лучшего антипохмельного средства, чем видеть кровь на родном человеке. Впереди война с Темным Лордом, а там, что ни день, то бег по минному полю. Как говорится...один прогиб и ты погиб.
</p>

      <center> <a class="name" alt="моя голова винтом" href="https://drinkbutterbeer.ru/viewtopic.php?id=2546"><img src="https://i.ibb.co/qBvkjch/9.gif" width="450px" height="50px"> </a> </center>
        <p>А у нас рубрика: «Фонд платиновых подкатов от Роджера Девиса». Что может быть романтичнее нарушения правил, да еще с капитаном команды соперника? О, спросите этого ловеласа, он приведет примеров двадцать, даже не задумываясь, а попутно будет строить глазки и заигрывать. Не боитесь попасть на удочку?
</p>
     
    </div>
</div>[/html]

[html]
<style>
  .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 {
https://www.onlinegdb.com/online_html_compiler#editor_1    opacity: 1;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
  }
 
  .backksk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/N9NM7ht/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt1sk {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/7v5wHK3/tumblr-inline-p841l9-Zrni1syelci-500.gif");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt2sk {
    z-index: 10;
    height: 15px;
    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: -145px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3sk {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 9.0px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.87;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin: auto;
  }
  </style>
<div class="backksk">
    <div class="textt1sk">
      <div class="textt2sk">
        <center> <font style="font-size: 10px;">маихарошии, сейчас я научу вас, как правильно жить. <br>Читайте и учитесь! </font></center>
      </div>
    </div>
    <div class="textt3sk"> <b> </b>
     
      <br>

<p style="padding-left: 20px;"><strong>Вопрос от Софи:</strong> Кто круче: Рон или Живоглот? </p>
<p> Дай угадаю, солнышко, тебе снова для подруги? Во-первых, Рон – не последний мужик под боком, во-вторых, Живоглот – это еще не сорок кошек, но давай по порядку. И Глотик, и Рончик – рыжие, один пушистый всегда, другой был пушистым в прошлом году. Глотик может нассать в тапки, Рончик – надеюсь, что все-таки нет. Глотик милый и может сидеть на ручках и никогда не приревнует тебя к Виктору Краму или Кормаку, только – к другим котам. Рон способен уничтожить крестраж, Живоглот – проглотить. А почему, собственно, нельзя оставить обоих? Смотри, какие славные и положительные со всех сторон.</p>

<p style="padding-left: 20px;"><strong>Вопрос от Софи:</strong> Почему Уизли такие няшки-мяшки?</p>
<p> Не все так однозначно, моя дорогая, взгляни на главу семейства, например. Наследственность – дело такое, что никуда от нее не сбежишь, все эти мальчики, пока молоды, хорошенькие до невозможности, а потом бац – и лысеющая макушка! А если захочешь пойти в авроры? Что тебе скажут? Простите, но братья вашего мужа тринадцать лет спали с уголовником? Да и как объяснить возникновение няшности-мяшности?  Дается ли она при рождении или нарабатывается с опытом в мимимишестве? Почему никто до сих пор не написал об этом книгу?</p>

<p style="padding-left: 20px;"><strong>Вопрос от Кати:</strong> Рита, как не замерзнуть осенью?</p>
<p> Берешь одного слизеринского мачо, которому до одури идет пальто (хотя, не забываем, что подлецу все к лицу), театрально закатываешь свои красивенькие глазки и говоришь: «Ах, как холодно этой осенью!» Затем крабом пододвигаешься ближе, также очень важно, чтобы голос был томным, и, падая в осыпавшуюся листву (только не Гремучей ивы!), инициируешь обморок от обморожения (как звучит!) Ждешь. Вуаля, ты прекрасна, в надежных руках и, если повезет, в пальто!</p>

<p style="padding-left: 20px;"><strong>Вопрос от Майлза:</strong> Посоветуйте список литературы, чтоб девушек охмурять. Из тех, что помоложе, если помните еще, конечно.</p>
<p> Как это трогательно, юные умы познают искусство любви! *обмахивается Прытко Пишущим Пером* Знаю я мальчиков, которые начинали свое просвещение и в более нежном возрасте, но в любом случае серия книг про похождения Анжели никого не оставит равнодушным. Там и про жезл любви, и про вулкан страсти, и про прочие любопытные артефакты, а уж что они на ковре вытворяют… Если хочешь впечатлить свою возлюбленную – присмотрись к этим замечательным произведениям. </p>

<p style="padding-left: 20px;"><strong>Вопрос от Джейка:</strong> Рита, как найти путь к сердцу Риты?</p>
<p> Мой хороший, в моем возрасте нужно уже искать путь не к сердцу, а к стабильности. Но если что, тетя Рита любит красное винишко, свежие, сенсационные сплетни и пояс из шерсти собак-шипперов *подмигнула и взлохматила кудри*</p>

<p style="padding-left: 20px;"><strong>Вопрос от Джея:</strong> Рита, что делать, если ты псина сутулая?</p>
<p> Псина сутулая – это еще излечимый этап, главное, вовремя обратиться в Мунго, вот когда опять-таки превращаешься в псин-шипперов и начинаешь таскаться за каждым, кто хотя бы посмотрел в сторону представителя противоположного пола (впрочем, знавала я и не такие случаи, но у нас все еще консервативный Хогвартс) – то конец, пути назад нет, ты - своего рода маледиктус, только блохи и запах жуткий, стоит под дождь попасть</p>

<p style="padding-left: 20px;"><strong>Вопрос от Джея:</strong> Рита, у меня увели девушку на моих глазах. Как быть?</p>
<p> У такого красавчика – и увели? Мне кажется, вселенная всячески намекает, что пора присмотреться к более зрелым леди, про блондинок в летах слышал?</p>

<p style="padding-left: 20px;"><strong>Вопрос от Адель:</strong> Кто одержит победу в квиддиче?</p>
<p> Дорогуша, ну что за провокационные вопросы? Я ведь – глас народа, разоблачитель подлецов и двигатель талантов, я даже на Турнире Трех Волшебников оставалась беспристрастной, припоминаешь? Ну, подумаешь, пощупала Крама с Диггори за филейные места, так то ж ради искусства! А ведь в душе я всегда болела за Гарри, этого чудесного мальчика двенадцати лет, я ему еще тогда сказала: «Гарри, сила каждого мальчика – в его метле», и он прислушался, вон как дракониху отделал.</p>

<p style="padding-left: 20px;"><strong>Вопрос от Адель:</strong> Что-то рейвенкловские ботаны притихли... Это дурной знак или благой?</p>
<p> Я бы на вашем месте не расслаблялась. Помнишь, я однажды рассказывала про тихонь, которые утютю, а ты потом раз, моргнула, а эта &*^%$ уже у тебя мужика увела? Вот и с ботанами точно также, говорю тебе, как женщина с невероятно огромным опытом. Сначала они пересаживаются с первой парты на последнюю, шушукаются там себе что-то, а потом граммофоны пропадают, единороги людей едят, а стремные рыбины пытаются захватить мир. </p>

<p style="padding-left: 20px;"><strong>Вопрос от Джея:</strong> Рита, кто стырил мои стероиды?</p>
<p> Ну что же ты, сладенький, как ненадежно их спрятал? Ты на коллегу своего, главное, на кровинушку и брата торсового не греши, приглядись вон к девахам полосатым этим, как рекламный щит Билайна, у одной даже фамилия соответствующая. И ну нет, конечно, вовсе я не пристрастна!</p>

<p style="padding-left: 20px;"><strong>Вопрос от Селины:</strong> Куда делся мистер Норрис?</p>
<p> Не кажется ли тебе, что это не наше дело и что некрасиво лезть в чужую семью, какой бы сыроносой она ни была?
Земля хогвартская слухами полнится. Кто-то говорит о Филче ревнивом, кто-то – что ушел за кошачьей мятой мистер Норрис в погожий осенний день, да так и не вернулся. Но самая распространенная версия – валерьяна погубила. Посему теперь профессор Спраут в отдельной теплице ее выращивает. Ни одна женщина и уж тем более – кошка впредь не заслуживает через такое пройти. </p>

<p style="padding-left: 20px;"><strong>Вопрос от Селины:</strong> Правда ли, что после того, как покатают на метле, надо жениться?</p>
<p> Ой, моя дорогая, это на твое сугубо личное усмотрение. Иногда, знаешь, и самой не захочется. Намешаешь зелий от простуды с бурбоном или вон клещевины нанюхаешься, а потом и думаешь, а зачем это все, и не уйти ли в волшебники-монахи вообще от греха.</p>
    </div>
    </div>
 
[/html]

[html]<style>

  .backk {
    margin: auto;
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/zfw4Qs0/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
  }

  .textt1 {
    z-index: 10;
    height: 172px;
    width: 480px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    left: 0px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/zbDxvB9/1.gif") ;
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }

  .textt2 {
    z-index: 10;
    height: 0px;
    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: -165px;
    left: -10px;
    background-color: #000;
    opacity: 0.85;
    padding: 7px 10px 10px 10px;
    border: #191d1e solid 0px;
    margin: auto;

  }

  .textt3 {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 9px;
    font-family: kurale;
    margin:auto;
    letter-spacing: 1.5px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.85;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin: auto;
  }

 
</style>

<div class="backk">
    <div class="textt1">
      <div class="textt2">
        <center> <font style="font-size: 8px;">Вы голосовали - мы посчитали. Все, как обычно.<br>
          </font></center>
      </div>
    </div>
    <div class="textt3">
    <center><b> <font style="font-size: 12px; color: #800080;"> </font> </b></center><br>
       <div id="txt_1">
      <center><b> <font style="font-size: 12px; color: #800080;"> Дуэт месяца: Грегори Гойл и Трейси Девис </font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">А кто это у нас тут? Взрывная блондинка и… ну… э… Гойл. Пусть вас не смущают сомнительные обстоятельства, которые явно не по душе обоим. Между этими двумя точно начала происходить какая-то химия. И речь не только об отвратно пахнущей жиже в котле, отливающей неприятным оранжевым цветом, а о большем — новый экспириенс в отношениях. Бить студентов в коридорах всякий может и есть даже курсы от Монтегю, а вот настоящая дружба (наша редакция, конечно, считает, что этим дело не кончится) проверяется как раз после таких вот испытаний Снегом. Да и кто знает, что сварганит на вид недалекий Грегори, может быть это часть плана, как заполучить девушку мечты? В любом случае, очень интересно, что же будет дальше.
<br>
<br>
  <center><b> <font style="font-size: 12px; color: #800080;"> Активист Месяца: Кэти Белл</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">
В чем секрет энергии кота Бориса Кэти Белл? Как она сама недавно призналась нашей редакции, секрет очень прост. Наша мисс Белл знает законы физики, а потому секрет энергии - в движении. Оставаться все время в тонусе Кэти помогает жопная тяга. Благодаря этому, она успевает все и везде. Хотите быть таким же активным, как и Кэти? Переходите на жопную тягу! (К тому же, это еще и один из самых экологичных видов топлива)
  </span></p>
<br>
      <center><b> <font style="font-size: 12px; color: #800080;"> Постописцы месяца</font> </b></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Налюдаетсфя перераспределение сил в рейтинге активных постописцев. К кому-то мы уже привыкли, кого-то давно не видели, а есть и те, кто впервые ворвался в эту компанию. Вот они — наши крошки:
<br>
<br>
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=511">Гэбриэль Тейт</a> Излишняя тревожность до добра не доводит: и ножки потрясываются и разные мыслишки в голову лезут, да так рьяно, что появляются новые идеи для эпизодов, а руки в порыве тремора (непременно, тревожного) строчат так, как мало кто себе может позволить.  Как результат — забрался в кусты малины. Сладко тебе там, Тейт?
<br>
<br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=262">Кэти Белл</a> Кэти снова бьет рекорды и показывает класс. Редакция считает, что она старается выбиться в первые ряды, пока ее не настигло проклятье. Кто знает, может целью ожерелья был не Дамблдор, а сама Кэти? Малфой-то завидует.
<br>
<br>
<a href="https://drinkbutterbeer.ru/profile.php?id=328">Мелинда Боббин</a> Мэл трансфигурировала, трансфигурировала, да вытрансфигурировала нам всякого. Профессор МакГонагалл ценит талант и упорство. Но не уроком едины! Вдохновение пришло и не отпускает, а мы только и рады.
<br>
<br> 
<a href="https://drinkbutterbeer.ru/profile.php?id=251">Лаванда Браун</a> Трансфигуратор от Мерлина! Очень самостоятельная и целеустремленная блондинка: и картотеку квиддичистов заполнит, и постов настреляет, да и про аватарочки не забудет. Ну Ничего себе! Хватайте скорее, а то уведут!
<br>
<br>
В октябре погодка не радует, так что будьте бдительны! Доставайте из шкафа пальто, шарфы и шапочки, по ситуации обогреватели. А пиво, продолжайте держать в холодильнике, чтобы в нужный момент выпить за любовь!<img src="https://forumstatic.ru/files/001a/2e/af/14530.gif">
<br>     
</span></p>
[/html]

[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/p2cKLWT/MW.jpg");
    background-position: top center;
    background-repeat: no-repeat;
margin: auto;
  }
 
  .textt1 {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    left: 20px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/vdknP74/giphy-1.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
.textt2 {
    z-index: 10;
    height: 5px;
    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: -115px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3 {
    z-index: 10;
    height: 350px;
    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: -130px;
    text-indent: 10px;
    opacity: 0.85;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
     left: 25px;
  }
 
  </style>
  <div class="backk">
    <div class="textt1">
      <div class="textt2">
<center> <font style="font-size: 8px;"> Внимательно приглянитесь к своему соседу по парте: он может оказаться среди них! </font></center>
      </div>
    </div>
    <div class="textt3"> <b> </b>
      <center><b> <font style="font-size: 16px; color: #D2691E;"> НА КАРАНДАШЕ У ПРОФЕССОРОВ</font> </b> </center>
      <br>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" 30.04.96. Урок Трансфигурации, пятый курс [с]"><strong> 30.04.96. Урок Трансфигурации, пятый курс [с]</strong></a></span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"> Не знаете, как украсить дом к Хэллоуину? Профессор МакГонагалл и пятикурсники готовы дать мастер-класс. Осторожно: тыквенные головы могут лопнуть! Как и ваше терпение. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Draco Malfoy"><strong> Draco Malfoy
</strong></a>&nbsp;-&nbsp; выбрать подарок друзьям непросто, а врагам – вообще задача нетривиальная. Тут же ж надо и чтобы издевка сразу читалась, и отправитель был очевиден, и коробочка чтоб красивая. Но терпение и труд даже дайсовое проклятье победят. Правда, редакция теперь заинтригована: Поттер, ты там как, львенка-то получил? Намек понял? </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Lavender Brown"><strong> Lavender Brown</strong></a>&nbsp;-&nbsp; возможно, Лав-Лав стоит чуть больше думать о Трансфигурации, и чуть меньше – о мальчиках. И тогда она перестанет отбирать хлеб у Финнигана и взрывать раздаточный материал. Так сказала бы Грейнджер. А вот редакция «Дринкополитена» говорит, что восхищена упорством и несгибаемостью главной гриффиндорской блондинки! Если она с таким же пылом ведет картотеку, то у квиддичистов нет ни единого шанса.  </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Melinda Bobbin"><strong> Melinda Bobbin</strong></a>&nbsp;-&nbsp; лайфхак для С.О.В. – не берите в качестве объекта заклинаний кошку, пусть даже магическую – эти своевольные создания никак не могут решить, хотят они исчезнуть или нет, и вообще чихать хотели, зачем вы там над ними палочкой водите. Впрочем, за всей этой суетой вы могли пропустить главное: то, как умело Мелинда строит планы мести. Дорогие дружинники, даже вам, пожалуй, стоит держаться от этой леди подальше – особенно теперь, когда она умеет превращать чужие головы в тыквы.  </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Ronald Weasley"><strong> Ronald Weasley</strong></a>&nbsp;-&nbsp; никогда такого не было, и вот опять! Пока отличники кряхтят, пыхтят и машут палочками до посинения, Рональд на расслабоне с первого раза выполняет задание, а потом смотрит на профессора честными глазами, мол, это не он и ему подкинули. Рон, ты учти, что долго скрывать гениальность не получится, а большая сила влечет за собой большую ответственность. Вот назначат тебя Избранным вместо Поттера – и что ты делать будешь? </span></p>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href="https://drinkbutterbeer.ru/viewtopic.php?id=2517]03.05.96. Урок Травологии, шестой курс [с][/url]"><strong> 03.05.96. Урок Травологии, шестой курс [с]</strong></a></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"> А вот профессор Спраут провела очень актуальное в наше время занятие о пользе правильного ношения масок. Пострадали пару кустов клещевины и чья-то гордость, но шестикурсники точно усвоили урок.</span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Anthony Rickett"><strong> Anthony Rickett </strong></a>&nbsp;-&nbsp; хаффлпаффцам сама Хельга велела чувствовать себя в теплицах как дома (отставить шуточки про овощи, мы не за этим здесь собрались!). Рикетт и семена собрал, и за девочками приглядел, и однокурсника до кровавых клещевин в глазах довел, и даже частушки в свою честь послушал. Молодец, Тони, возьми с кухни пирожок.  </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Megan Rowstock"><strong> Megan Rowstock </strong></a>&nbsp;-&nbsp;кто там говорил, что слизеринцы и пальцем не шевельнут, чтобы спасти ближнего? Пустите ваш справочник факультетских стереотипов на компост! Меган Ровсток – добрейшей души человек – не только выводит из ступора и прочищает мозги сокурснику, перепутавшему ее с чесалкой, но и спасает от посягательств многострадальные кусты клещевины! Магический Гринпис тобой гордится, Мег, а редакция присуждает тебе почетное звание лучшей укротительницы чесоточных гриффиндорцев.  </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Samuel Stebbins"><strong> Samuel Stebbins </strong></a>&nbsp;-&nbsp;вот, а мы же говорили, что барсуки в теплицах опасны и непобедимы! Сэм растения любит, они отвечают ему взаимностью, и поэтому Стеббинсу никакая клещевина не страшна. Осталось уберечь от встречи с токсичной пыльцой еще и Фосетт, и день вообще можно считать удачным. Не переживай, Сэм, в следующий раз план-максимум точно выполнишь! </span></p>
<br>
<br>

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

[html]<style type="text/css">
.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%);
}

.fon {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/GpTXP1j/image.png");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
}

.interv {
z-index: 10;
height: 110px;
width: 290px;
text-align: justify;
text-justify: inter - word;
font-size: 6.5px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #dfe1df;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -270px;
left: 228px;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
background-image: url("https://i.gifer.com/JEnG.gif");
background-position: center center;
background-repeat: no-repeat;
}

.delaly {
margin: auto;
z-index: 10;
height: 65px;
width: 564px;
text-transform: uppercase;
overflow: auto;
font-size: 11px;
font-family: Arial Black;
color: #000;
background-color: #e9e3d5;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -10px;
left: 0px;
text-indent: 0px;
opacity: 0.8;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
text-indent: 0px;
}

</style>
<div class="fon">
    <div class="interv"\тут ничего не делаем, оставляем блок, чтобы была картинка с лицом\> </div>
</div>
<div class="delaly"><span style="font-size:10px"> Над выпуском работали:
<br>
Джейсон "Человек-Дедлайн" Сэмюэльс<br>
Кэти "Женщина-картошка" Белл<br>
Мэган "Чудо-Юдо-Женщина" Ровсток<br>
Пэнсита "Сорви-Голову" Паркинсон
</span></div>[/html]

[html]
<!--HTML-->
  <style>
 
  .backk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/r4BC4cc/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    margin:auto;
  }
 
  .textt1 {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    left: 20px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/QrvMFb4/QOnU.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt2 {
    z-index: 10;
    height: 5px;
    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: -138px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3 {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 9.0px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.87;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    left: 25px;
  }
  </style>
  <div class="backk">
    <div class="textt1">
      <div class="textt2">
        <center> <font style="font-size: 8px;"> путем тайного голосования была выбрана жертва. Вы выбрали, мы - спросили. изи. </font></center>
      </div>
  </div>
   <div class="textt3">
   <p><b> 1. Привет, Лаванда, очень рада видеть тебя на нашем дринкополитановском диванчике. Давай начнем. Расскажи, пожалуйста, почему именно этот персонаж? Ведь Браун очень многие почему-то не любят. И как у тебя родилась идея взять вторым персонажем Слоупера?</b></p>
<p> Оу-оу-оу! Ну ничего себе, какая неожиданность. Я на самом деле немножко в шоке. Привет!
Отличный диванчик, кстати.<br>
Про персонажей. Я бы могла рассказать тебе какую-нибудь красивую легенду о том, что мне хотелось развеять дурную славу о Браун как о персонаже… Но на самом деле всё получилось гораздо прозаичнее. Мне хотелось вернуться на Дринк, где я летом совсем не продолжительное время уже играла Луну Лавгуд, но… прям вот чётенько перед моментом регистрации её уже взяли. И тут я совершила совсем нехарактерный для своей ролевой жизни поступок – решилась в первый раз в жизни прийти по чьей—то заявке, и выбор пал на написанную тогдашним Финниганом. Но мне жутко не нравился именно киношный образ Лав-Лав, поэтому я была категорически против внешности из фильма, и  долго-долго перебирала возможные варианты на замену (да, подбор внешностей явно не мой конёк). Ну и если уж совсем честно, то да, мне хотелось попытаться показать что Лаваха не просто навязчивая, придурочная и ограниченная блондинка – она просто пятнадцатилетняя девочка, со своими комплексами и заморочками, но  не лишённая ни положительных качеств, ни обаяния.<br>
Ну и вот – как видишь, Лаванда всё ещё здесь, уже практически одна из старожил гриффиндорцев пятикурсников. А уж насколько удалось изменить отношение к Лав как к персонажу, это уже не мне судить.<br>

А в существовании Джеки виноват конечно же КВИДДИЧ.  Когда я пришла, только-только начали играть первую тренировку гриффиндор-рейвенко, и игрок на роль загонщика пропал. Я сразу же изъявила желание попробовать, взяла внешность из акции, написанной восхитительной Трейси … и понеслось.<br>
Потом уже был  и  первый матч, и походы на уроки, открылся первый личный пизод, Слоупер обрастал хэдами и не взять его уже было как-то совсем нельзя.</p>

<p><b> 2. А помнишь ли, как вообще попала на ролевые и что тебя в них привлекло? Каких героев тебе нравилось играть до Дринка?</b></p>
<p> Это было так давно, что прям конкретную последовательность действий я не помню. Я даже не помню, как в принципе про них узнала, так как никто из моих не виртуальных друзей никогда ничем таким не увлекался, даже среди тех, кто очень и очень любил мир ГП.<br>
Тогда был сложный период в моей жизни, и мир ролевых мне очень помог отвлечься, так и понеслось. Хотя «несётся» все с большими перерывами, иногда по несколько лет я не играла вообще. Собственно и до Дринка был один из весьма длительных перерывов.<br>

А, ну и все мои  ролочки ( за одним исключением), всегда были по миру Поттера. Такой вот я консерватор.
Вообще бОльшую часть времени я играла по временам мародёров, и у меня чаще всего был джентльменский набор – один орденец + один пожиралец.</p>

<p><b> 3. Если бы ты встретила своих персонажей в реальной жизни, то какие советы бы им дала?</b></p>
<p> Лав-Лав не стала бы слушать моих советов, чтобы я ней не сказала. Сейчас точно нет. Подождём пока она ещё хотя бы чуточку повзрослеет.<br>
Ну а Джеки больше хотелось бы обнять, чем советовать что-либо. Какой там из меня советчик? Но я бы всё равно сказала: «ну ты же клевый парень, поверь уже наконец в себя!»</p>

<p><b> 4. Опиши свой характер и характеры своих персонажей пятью разными словами.</b></p>
<p> Лаванда: деятельная, взбалмошная, наивная, упрямая, (само) уверенная.<br>
Джеки: стеснительный, старательный, нерешительный, надёжный, трудолюбивый. <br>
А я? Ммм, пожалуй: болтливая, громкая, вредноватая, ответственная, прямолинейная.</p>

<p><b> 5. А какие качества тебя саму привлекают в людях? А что насчет Лаванды и Джека?</b></p>
<p> Лаванду привлекает внешний лоск, даже если он напускной. Поэтому привет, Лаконс, привет изначальная предрасположенность к квиддичстам, только потому что они квиддичисты- популярные мальчики-спорстмены.<br>
Но на самом деле, это касается только первых впечатлений — Лав действительно может оценить человека по его поступкам, если они укладываются в её картину мира как положительные, или впечатляющие.  На это просто нужно время- а Браун не самая терпеливая девчонка.<br>

А Джека привлекают люди, в первую очередь обладающие теми качествами, которыми он (возможно пока) нет- смелые, открытые, или способные на эксцентричные поступки, в каком-то роде экстравагантные люди. Ему такое очень удивительно, и потому интересно.<br>

А я не могу сказать, какие именно качества привлекут меня, это может быть совершенно разный набор качеств. Но я точно знаю, те, что оттолкнут от человека. Я решительно не перевариваю лицемерие. И разные формы не обязательности, что ли.
Или пустоловие что ли, не знаю каким бы более ёмким словом обозначить.<br>
Все мы понимаем обещать — не значит жениться. Но тогда, уж будь добр – перестань ПОСТОЯННО обещать.  Когда на словах ежесекундно свергаются золотые горы, а до дела не доходит даже на одну стотысячмиллионную процента – это невероятно бесит.</p>

<p><b> 6. Каким ты видишь идеальный для себя эпизод?</b></p>
<p> Тот, в который всем игрокам хочется писать. Хотя со мной всё сложно- и желание писать, никак не отражается в итоге на моей продуктивности. Потому что мне вечно мешают НЕПРЕОДЛИМЫЕ ОБСТОЯТЕЛЬСТВА. Работа, разного рода коллапсы (я, кстати, немножечко человек-катастрофа), категорическая нехватка времени или невозможность собраться.</p>

<p><b> 7. Что вдохновляет и мотивирует тебя на посты? Ждешь ли ты вдохновения, прежде чем что-то написать, или, по-твоему, это неблагодарное дело?</b></p>
<p> Да это прежде всего сам пост соигрока. Чаще всего читаешь – и уже прям хочется ответить, только… в моём случае этого не происходит почти никогда. При этому я могу заниматься каким-то домашними делами, или даже работой, куда-то ехать, мысленно прокручивая то, что ответит персонаж, что сделает, как отреагирует. Всегда чертовски жалею, что у меня нет прытко-пишущего пера, которое бы все эти мысли и задумки не законспектировло бы быстренько. А то у меня с этим, не очень, вечно потом мешает то одно, то другое.<br>
Памятник надо поставить всем моим волшебным соигрокам, кто готов ждать от меня посты и вообще в принципе соглашается со мной играть.</p>

<p><b> 8. Оба твоих персонажа – гриффиндорцы. Это твой любимый дом в Хогвартсе? А как ты думаешь, на какой факультет Распределяющая шляпа отправила бы тебя саму?</b></p>
<p> Исторически так сложилось, что пожалуй  да.  Хотя я играла товарищей со всех факультетов.
А вот Pottermore распределил меня на Рейвенкло, что вызывало у меня лёгкое недоумение. Ну куда я и на Рейвенкло?  Поэтому я создала новый аккаунт, прошла распределение ещё раз, добившись-таки попадания на Гриффиндор.
Шляпа тоже ошибается (: </p>

<p><b> 9. Какое из собственных достижений является самой большой гордостью в твоей жизни?</b></p>
<p> Ой, я сильно затрудняюсь чтобы такого значимого можно было бы засчитать за главный повод для гордости, я не сказать, чтобы часто собой горжусь… Так что, мне кажется самый большой повод для гордости ещё впереди.</p>

<p><b> 10. От какой привычки ты хотела бы избавиться?</b></p>
<p> От лени и прокрастинации.</p>

<p><b> 11. Что помогает тебе справляться со стрессом?</b></p>
<p> Наверное выпустить пар любым доступным способом. Пусть это хотя бы  душ, стоя под струями которого можно хорошенечко успокоиться.</p>

<p><b> 12. Идеальный день начинается с идеального утра. Каким оно видится тебе?</b></p>
<p> Я ненавижу рано вставать, поэтому идеальным будет то утро, когда я могу проснуться без помощи своих многочисленных будильников (которых я, итак, никогда не слышу) и далее совсем никуда не спешить.</p>

<p><b> 13. Знаю, что ты много путешествуешь. Расскажи нам о местах, которые произвели на тебя особенно сильное впечатление.</b></p>
<p> О, это мы тут до утра засядем. Разные места способны впечатлить по-разному, и мне слишком сложно выделить что-то отдельно. У нас такая красивая планета, и такое невероятное количество удивительных по красоте мест, как архитектурно, так и природных красот. Последние,  по-большому счёт всё таки большее впечатление производят.
Я мечтала когда-то погулять по лавандовым (а, а, видите, может это был предвосхищяющий знак?) полям в Провансе. И это было удивительно – жара, когда вот действительно воздух плавится, и эти восхитиельные ароматные жужжащие кусты (там над ними десятки пчёл трудятся). И это сегментность, когда с одной стороны бескрайнее лавандовое поле, а напротив- поле с жизнерадостными подсолнухами (их высаживают после нескольких лет посадки в одно место лавандина, чтобы привести почву в порядок, вернуть ей определенные микроэлементы, которые забирает лавандин).<br>
А ещё там же есть чудесное озеро Сан-Круа, с невероятной бирюзовой водой. И там вдоль каньона можно покататься на катамаране, лодочке или каяке. И в глубине каньона там прям стоит гора- ну чисто вылканчик из пиксаровской короткометражки Лава. Прям вот серьёзно, там вот тоже выражение мордочки, и по форме такой же (только не вулканчик). Так и кажется, что вот-вот  сейчас запоёт : <br><br>
"Я буду жить мечтой лишь одной,<br>
Что встретимся мы, и ты будешь со мной.<br>
И лаву мою океан не остудит,<br>
Когда меня кто-то полюбит".<br><br>

Ну такая милота!

Или вот первая поездка в Париж, о котором я так мечтала. Потом их было еще много, но город этот я полюбила раз и навсегда, каким бы разочаровывающим его не считали многие- я всегда с нетерпением жду нашего с ним свидания, чтобы гулять по любимому Марэ, дойти до Нотр-Дама (который горел ровно на следующий день, после того как  я там гуляла и наслаждалась весенним цветением сакур), оттуда до  самого угла Ситэ, и под стариной ивой, ветви которой спускаются прямо к воде, присесть там в компании со свежим багетом. <br>
Или парк Со,уже за городом, в котором есть целый кусочек Японии, с десятками огромных сакур- этот дождь из летящих на ветру розовых лепестков – прекрасен. Лучшее место для весеннего пикника.<br>

Или вот мечтала поездить по Исландии. В первый раз мы объехали весь остров вокруг, и там конечно удивительно красиво. Эта суровая красота в сложном климате, она невероятно притягательная.  Даже когда была во-второй раз. И вместо того, чтобы застать северное сияние, застала двухдневную бурю с полным перекрытием дорог почти на всём острове – не разочаровалась совсем, а только укрепилась в любви к этому месту.  Не смотря на ветер, на котором можно «полежать», океан, ворующий шапки, ну или просто бурю, когда снег стеной, и решительно не понятно куда ехать- потому что за пределами дороги, которую не видно только бескрайние просторы и реальная перспектива укатиться в глобальный кювет.<br>

Или вот зимний Байкал, с этим его льдом, эпитеты к которому можно подбирать бесконечно. И синий, и бирюзовый и с мирриадами маленьких застывших пузыриков, или с большими белоснежными пузырищами. Трещинами самых различных форм и фактур. И удивительным, не передаиваемым треском.<br>

А Камчатка с её не проходимыми дорогами, лесами полными медведй, зайцев, лис, волков, лосей и россомах. С вулканами на каждом шагу, часть из которхы так ласково зовутся «домашними»…<br>

Не могу я выделить даже пятерку самых впечатляющих мест, потому что их было и есть намного больше, и надеюсь, что еще будет бесконечное множество.</p>

<p><b> 14. А следующее путешествие уже запланировала?</b></p>
<p> К моему огромному сожалению, нет. Я вообще не слишком про планирование, а в текущей общемировой ситуации это совсем не просто.<br>
Но если говорить о России, я хотела бы съездить в конце лета-осенью на Алтай.
А за пределами – как минимум туда, куда не удалось поехать из-за пандемии.</p>

<p><b> 15. Есть ли в твоем телефоне какие-либо приложения, без которых ты уже не можешь жить?</b></p>
<p> Что-то моя лень достигла таких уровней, что и приложения такого нет. Я и в инстаграм то неделями не захожу. А стоило бы заглядывать хотя бы в рабочий)). Ну наверное самые используемые это конечно мессенджеры — What`s up и Telegram.</p>

<p><b> 16. Чем еще ты увлекаешься в свободное от работы время? Может быть, есть какое-то хобби? Или просто любимое занятие?</b></p>
<p> Да вот прям такого хобби, наверное, нет. Как было сказано выше - я действительно очень люблю путешествовать. И когда есть возможность, готова сорваться с места и поехать куда-то хоть на пару дней. Не важно- это будет соседний город, или другая страна или вообще континент.<br>
Ну и если говорить о поездках, где есть моря-океаны, то есть то, что можно назвать большим увлечением. Это дайвинг.
Обожаю. Ради него я даже готова была несколько раз сдавать экзамены (которые просто ненавижу в любой форме, у меня не только университетская травма, но  и значительно раньше из детства,  сначала на экзаменах в музыкалке, а потом уже и школьных, обычных). Так вот ради разных ступеней сертификатов по дайвингу я шла и на такие подвиги.<br>
А если забыть про мои детские страхи перед экзаминированием, — погрузиться на 10, 20, 30 м — это фантастика. Волшебное состояние невесомости и удивительный подводный мир.<br>
Да, пожалуй моё любимое занятие это дайвинг.</p>

<p><b> 17. Что больше всего нравится делать в быту? А что терпеть не можешь? И любишь ли в принципе заниматься домашними делами?</b></p>
<p> Я человек настроения во всех смыслах. Поэтому если мне «припрёт», то на меня и синдром енота-полоскуна может напасть, или мне резко захочется разобраться хотя бы в многострадальном шкафу с одеждой. Но вообще глобально я ненавижу убираться. Вот с готовкой дела обстоят лучше- я люблю готовить. Но тоже не всегда. То с радостью зависну на кухне жаря, выпекая, запекая… А то даже салат порезать проблематично.<br>
А ещё я фанат всяких сервировочных штук.  Разные тарелки и приборы под разные скатерти, и вот это вот всё.  И если без меня достанут тарелки, которые НЕ ПОДХОДЯТ, или, ( о, ужас!) вообще РАЗНЫЕ и с другими предметами не сочетающиеся, я буду в ярости.</p>

<p><b> 18. Ты практически не пропускаешь проводимых на Дринке Мафий. А вообще ты азартный человек? И есть ли у тебя другие трепетно обожаемые игры?</b></p>
<p> Я могла бы кокетливо улыбнувшись, сказать что совсем не азартна, но боюсь, что в этом случае прям услышала бы, как закатываются глаза у Джея и Хамайни. Так получилось, что мне посчастливилось поиграть в те или иные игры со многими чудо-дринковцами, но именно Джей (ты простишь меня за все расстреливания в тюрьме?) и Гермиошик были большими, чем кто-либо свидетелями моей любви к разного рода играм, и особенно выигрыванию в них.
Так что да. Я честно признаюсь, что ещё как азартна.<br>
Но как мне кажется этот азарт не переходит каких-то границ. Я  люблю играть, и не менее люблю выиграть – но это совсем не самоцель. Больше всего конечно нравится сам процесс, ради него всё и затевается.<br>
Так что я совершенно спокойно отношусь и к проигрышам. Да и в целом свой азарт способна обуздать.
Я вот была в казино, и даже не раз- и  без штанов не оставалась. То есть я не теряю разум и силу воли от потенциальной возможности что-то выиграть. А просто увлекаюсь процессом, и так же спокойно могу вовремя остановиться.<br>
Ну и Мафия, да.  Я никогда не играла до Дринка в мафию, и первый раз вписавшись — сразу получила мафиозную карту.  Не умела и не умею (что уж, хотя сейчас наверное я всё-таки чуть более адекватный игрок в этом смысле) играть, но весело. И азартно. Выжить. Разгадать. Запутать. Мне нравится.<br>
Расстраивает только, что иногда некоторые начинают относиться к происходящему слишком серьёзно, и начинаются реальные обиды, или что того хуже оскорбления внутри самой игры.</p>

<p><b> 19. Смогла бы выйти в магазин в пижаме? Важно ли для тебя общественное мнение?</b></p>
<p> Я точно не из тех людей, кто перед тем как выйти в соседний магазин сделает укладку и полный мейк (я в очередной раз напомню, что слишком ленива для этого), но  мне важное комфортное ощущение себя, в том числе и относительно моего внешнего вида. То есть если вдруг поход в магазин  в пижаме покажется идеальным решением — я пойду. А так всё же нет. И я не могу сказать что мне АБСОЛЮТНО плевать на общественное мнение, но я явно не слишком сильно от него завишу. Опять же, мне эгоистично важен мой личный комфорт.</p>

<p><b> 20. И, по традиции, оставь пожелание Дринку и его обитателям от всего сердечка <3</b></p>
<p> Не сомневайтесь в себе, пожалуйста! Вот прямо сейчас поверьте уже, то вы удивительны и уникальны.
И пусть всё что вы делаете на Дринке или вне его доставляет вам удовольствие. Что может быть лучше, чем кайфовать от жизни и всех ее аспектов?<br>
Безумно любящая Дринк и его обитателей, всегда  Ваша, несмотря на вечную потеряшестесть и пропадучесть, Лав-Лав.</p>

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

[html]
<!--HTML-->
<center>
  <style>
  .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/mbYVS6q/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt1 {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://forumupload.ru/uploads/001a/2e/af/154/630609.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt2 {
    z-index: 10;
    height: 5px;
    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: -155px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3 {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 8.0px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -165px;
    text-indent: 10px;
    opacity: 0.87;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
    margin-left: -0px;
  }
  </style>
  <div class="backk">
    <div class="textt1">
      <div class="textt2">
        <center> <font style="font-size: 7px;"> Хап-тьфу вам гороскоп! </font></center>
      </div>
    </div>
    <div class="textt3"> <b> </b>
      <center><b> <font style="font-size: 16px; color: #FF0000;"> ГРИФФИНДОР</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">

Первая декада месяца, проходящая под эгидой доминирования Сатурна, окажется наиболее спокойной, хотя общая динамика событий вокруг вас будет разве что не искрить. Но не переживайте, в Хогвартсе электричество не работает. Так что в начале месяца можете расслабиться, максимум, что с вами случится - кто-то подпалит вашу мантию или вы сгорите на уроке. Серьезно, от уроков профессора Амбридж не один гриффиндорец способен воспламениться! Советую вам держать при себе тазик с водой, чтобы быстро охладиться и прийти в себя. Или холодненького призрака, для тех же целей. Кстати, о призраках. Вторая декада будет более прозрачным периодом (в том смысле, что всё станет конкретнее). Ловите открывающиеся перспективы и конкретно получайте ими в лоб! Возможно, к концу месяца вы тоже станете конкретно прозрачным. В смысле, мертвым.
<br>
<br>
Счастливый день: 16.11
<br>
</span></p>
<center><b> <font style="font-size: 16px; color: #FFD700;"> ХАФФЛПАФФ</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">
Доминирующий на небесном склоне Нептун обещает хаффлпаффцам последовательный этап в начале месяца. То есть, сначала будут последствия, а только потом вы уже поймете, за что. Если вы все еще будете задаваться такими философскими вопросами, как "за что?" и "как быть?", звезды советуют принять последствия, как данность. А потом вернуться и заслужить, если вас вдруг обидели незаслуженно. Затем жизнь вернется в привычное русло, то есть со стороны всё будет происходить своим чередом, но в какой-то момент может что-то измениться. Вроде бы мелочь, но вы каким-то шестым чувством уловите перспективы и воспользуетесь ими. Или нет, и тогда останетесь живы.
<br> 
<br>
Счастливый день: 09.11
<br>

</span></p>

      <center><b> <font style="font-size: 16px; color: #0000FF;"> РЕЙВЕНКЛО</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">
Усиленная Марсом квадратура Юпитера обещает вам авантюры в начале месяца, хотя вам, скорее всего, так не покажется. Но приглядитесь повнимательнее! Вы сами можете выбрать ведущие тенденции и следовать им, пока не достигнете успеха. Звезды говорят, что не достигнете, но главное - это путь.  В конце же месяца на главную позицию выходит Венера, и жизнь для рейвенкловцев станет продуктивна и понятна с точки зрения личных отношений. Хотя, давайте посмотрим правде в глаза и не отвернемся от нее. Понятна с точки зрения личных отношений - да. Продуктивна - нет. Это же рейвенкловцы, у них за весь факультет отдуваются пара человек, пока все остальные дружно чахнут в библиотеке. Так они и умрут, одинокие, среди пыльных стеллажей. Но на утро воскреснут и пойдут на уроки, это же рейвенкловцы.
<br>
<br>
Счастливый день: 26.11
<br>
</span></p>

      <center><b> <font style="font-size: 16px; color: #008000;"> СЛИЗЕРИН</font> </b> </center>
     
<p><span style="font-family:verdana,geneva,sans-serif;">
Первую половину месяца на небесном склоне доминирует Уран, который обещает активную и полную приключений жизнь. Как говорится, страхуйте свою жизнь от имущества, а кто не застраховал, сам виноват. Таким образом, у вас может появиться сразу несколько уникальных возможностей поправить свое финансовое здоровье. Звезды советуют не упустить шанс и набрать «младший офицерский состав», который будет выполнять часть организационной работы. Но постарайтесь не упустить момент, когда эта забава станет для вас немножко революционной, вы не по нужную сторону баррикад. Что касается окончания месяца, Уране на небесном склоне сменяет Марс, и конец месяца станет для вас вызывающим. То к доске вызовут, то на дуэль, то по каминному скайпу захотят поговорить родители, если вдруг вы выживете после дуэли. Словом, вы будете нарасхват. Смотрите, чтобы руки-ноги остались целы, они вам еще пригодятся в революцию играть.
<br>
<br>
Счастливый день: 12.11
<br>
</span></p>
    </div>
  </div>
</center>[/html]