[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.gifer.com/Afc1.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
  .textt2 {
    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;
  }
 
  .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>
— Мыслящий артефакт
<br>
— Способность говорить (через прорезь возле полей)
<br>
— Сочиняет и поет песни
<br>
— Знала Основателей в лицо, одного даже "в затылок". </span></p>

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

[html]<style>

.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/zfw4Qs0/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
  }

  .textt1 {
    z-index: 10;
    height: 170px;
    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/LvFmJyW/image.gif") ;
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }

  .textt2 {
    z-index: 10;
    height: 20px;
    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: -130px;
    left: -10px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 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: 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;
    margin: auto;
  }

 
</style>

<div class="backk">
    <div class="textt1">
      <div class="textt2">
        <center> <font style="font-size: 8px;">Вы активно опускали свои бюллетени в урну, мы все подсчитали и настало время узнать имена любимчиков Дринка в этом месяце.</font></center>
      </div>
    </div>
    <div class="textt3">
    <div class="tabs">
    <input type="radio" name="inset" value="" id="tab_1" checked="">
    <br>
    <center><label for="tab_1"><b> <font style="font-size: 12px; color: #800080;"> Пара месяца: Диана Картер и Салливан Фоули</font> </b></label></center>

       <div id="txt_1">
           <p><span style="font-family:verdana,geneva,sans-serif;">Любовь зла, полюбишь и певца. Но как сладки серенады голосистого Салли: и про неземную красоту дамы сердца споет, и про несправедливость мира, ну и, конечно же, про еду. Все думают, что он просто чудак, а на самом деле – крайне продуманный молодой человек и покорить сердце красавицы ему поможет не только «магия волос», но и колечко в виде сушки, а также ежедневное совместное поедание священной шавухи. Мы абсолютно уверены, что эта пара будет счастлива вместе. 
</span></p>

<br>
<br>
      <center><label for="tab_1"><b> <font style="font-size: 12px; color: #800080;"> Флуд месяца: КОНФЕТЫ «БЕРТИ БОТТС» CО ВКУСОМ «СДОХНИ ИЛИ УМРИ», №108</font> </b></label></center>
<p><span style="font-family:verdana,geneva,sans-serif;">КТО-ТО СЧИТАЕТ, ЧТО ЭТО РУБРИКА ОТ ЛАПЕНКО, НО МЫ ЗНАЕМ: «СДОХНИ ИЛИ УМРИ» - ЭТО ТЕМА ЛЮБОГО УРОКА НА ДРИНКЕ, НЕ ИМЕЕТ ЗНАЧЕНИЯ НА КАКОМ ТЫ КУРСЕ. ТЫ ЛИБО ВЫЖИВАЕШЬ, ЛИБО ВЫЖИВАЕШЬ. ЭМОЦИЙ ОТ ПОИМКИ САЛАМАНДР, ЗАКАПЫВАНИЯ ТОПЕРОЕК И ДОБЫЧИ ЦАПЕНЕВЫХ ОГУРЧИКОВ ТАКИЕ НЕВЕРОЯТНЫЕ, ЧТО МЫ НЕ МОЖЕМ УДЕРЖАТЬСЯ ОТ НИХ И ВО ФЛУДЕ.
ПОЭТМУ МЫ С ВАМИ ПРОДОЛЖАЕМ ИГРАТЬ В ИГРУ ПОД КОДОВЫМ НАЗВАНИЕМ «СДОХНИ ИЛИ УМРИ» И, КОНЕЧНО ЖЕ ПИТЬ ЗА ЛЮБОВЬ
<img src="https://funkyimg.com/i/34juM.gif">

</span></p>
<br>
<br>
      <center><label for="tab_1"><b> <font style="font-size: 12px; color: #800080;"> Постописцы месяца</font> </b></label></center>
<p><span style="font-family:verdana,geneva,sans-serif;">ЕСЛИ В ПРОШЛОМ МЕСЯЦЕ СОСТАВ БЫЛ БРУТАЛЬНЫМ, ТО В ЭТОМ ПАТРИАРХАТ СВЕРЖЕН И ПОСТОПИСЧЕСКИЙ ОЛИМП ЗАНИМАЮТ ДЕВУШКИ<br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=248">Диана Картер</a>, ЭТА УТОНЧЕННАЯ ВОЛШЕБНИЦА РАДУЕТ НАС НЕ ТОЛЬКО НОВЫМИ ВЫПУСКАМИ «ДАВАЙ ПОЖЕНИМСЯ» С УВЛЕКАТЕЛЬНЫМИ ПЕЙРИНГАМИ, НО И СВОИМИ ПОСТАМИ. ВЫ ТОЛЬКО ИХ ПОЧИТАЙТЕ! СРАЗУ ПОНЯТНО, ЧТО НАСТОЯЩАЯ ЛЕДИ ДАЛЕКО НЕ СНЕЖНАЯ КОРОЛЕВА, А ЭМОЦИОНАЛЬНАЯ, ЧЕТКО СЛЕДУЮЩАЯ СВОИМ УБЕЖДЕНИЯМ СЛИЗЕРИНКА. ВОСТОРГ ДА И ТОЛЬКО! <br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=398">Аделаида Мёртон</a> ВОРВАЛАСЬ, ТАК ВОРВАЛАСЬ. ЭТА БЛОНДИНОЧКА С ПЕРВОГО МЕСЯЦА ПОПАДАЕТ В СПИСОК ПОСТОПИСЦЕВ, А ЧТО БУДЕТ ДАЛЬШЕ? ЧУДИ, ТВОРИ, ВЫТВОРЯЙ. МЫ ЖДЕМ ОТ ТЕБЯ НОВЫХ ПРИКЛЮЧЕНИЙ, ЭПИЗОДОВ И НЕВЕРОЯТНЫХ ПОВОРОТОВ СЮЖЕТА.<br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=262">Кэти Белл</a> ДРИНКОВЦЫ! МЫ ВСЕ ПОСЧИТАЛИ! СОВСЕМ ВСЕ! ЕСЛИ КАТЬКУ НЕ ДОНИМАТЬ БЛАДЖЕРАМИ, ОНА ПИШЕТ БЫСТРЕЕ, ЧЕМ ПОТТЕР ПОЛУЧАЕТ ОТРАБОТКИ. ЕЩЕ И ГРАФИКУ ДЛЯ ЭПИЗОДОВ ПИЛИТ!
МОЖЕТ БЫТЬ, ПОД ЛИЧНОЙ КОЛОКОЛЬЧИКА СКРЫВАЕТСЯ БОЖЕСТВО ШИВА? ИЛИ У НЕЕ ПРИПАСЕН МАХОВИК ВРЕМЕНИ? ТАК ИЛИ ИНАЧЕ, КЭТИ - ОГОНЬ-ЖЕНЩИНА* <br>
*ПРОВЕРЕНО НА САЛАМАРДРАХ И ЧЕРНОМ ОЗЕРЕ
<br>
НУ И, КОНЕЧНО ЖЕ, НАШИМ ПРЕКРАСНЫМ ЖИТЕЛЯМ ДРИНКА, ВО ГЛАВЕ С АКТИВНЫМИ ПОСТОПИСЦАМИ МЫ ЖЕЛАЕМ ВДОХНОВЕНИЯ. Впереди многообещающий октябрь.
<br>
      <center><label for="tab_1"><b> <font style="font-size: 12px; color: #800080;"> Флудер Месяца: Аделаида Мёртон</font> </b></label></center>
<p><span style="font-family:verdana,geneva,sans-serif;">НУ ГДЕ ЖЕ ТЫ БЫЛА РАНЬШЕ? ТАКАЯ АКТИВНОСТЬ – НЕВЕРОЯТНО. ОБРАТИТЕ ВНИМАНИЕ: ДАМОЧКА УСПЕВАЕТ АБСОЛЮТНО ВЕЗДЕ: И ПОСТОВ НАПИСАЛА НЕВЕРОЯТНОЕ КОЛИЧЕСТВО И В МАФИИ ДОЖИЛА ДО ПОСЛЕДНЕГО ДНЯ, ОБЕСПЕЧИВ, В ТОМ ЧИСЛЕ ПОБЕДУ МИРНЫХ ЖИТЕЛЕЙ, ТАК ЕЩЕ И ФЛУД ЗАХВАТИЛА. РЕДАКЦИЯ В ШОКЕ. МИСС МЁРТОН, ПРОДОЛЖАЙТЕ В ТОМ ЖЕ ДУХЕ!

</span></p>

<br>
   </div>
</div>
      <center> </center>
      <br>
     
      </div> 
  </div>[/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://funkyimg.com/i/37LyP.gif" style="width:120px"></p>

    <p>Пора использовать метлу по назначению! Откройте для себя новые полёты при помощи...<a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1680&p=32#p249109"><em>читать продолжение в источнике</em></a></p>
    </center></td>
    <td> <center>
    <p><img alt="" src="https://funkyimg.com/i/37LyS.gif" style="width:120px"></p>

    <p>По-спартански! Открылись ШОКИРУЮЩИЕ подробности воспитания детей волшебников...<em><a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1742&p=100#p268215">читать продолжение в источнике</a></em></p>
    </center></td>
    </tr>
    <tr>
    <td> <center>
    <p><img alt="" src="https://funkyimg.com/i/37LyQ.gif" style="width:120px"></p>

    <p>Новые призывы к беспорядкам и протестам! Известная общественная активистка переключилась на маггловский мир!<em><a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1654&p=46#p259178">читать продолжение в источнике</a></em></p>
    </center></td>
    <td> <center><p><img alt="" src="https://funkyimg.com/i/37LyU.gif" style="width:120px"></p>

    <p>Условия ТРУДА в аврорате будут улучшены! Министерство гарантирует... <em><a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1756&p=3#p268276">читать продолжение в источнике</a></em></p><br>
    </center></td>
    </tr>
    <tr>
    <td> <center>
    <p><img alt="" src="https://funkyimg.com/i/37LyR.gif" style="width:120px"></p>

    <p>Колдоминздрав ПРЕДУПРЕЖДАЕТ: злоупотребление сливочным пивом приводит...<em><a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1654&p=77#p268583">читать продолжение в источнике</a></em></p>
    </center></td>
    <td> <center>
    <p><img alt="" src="https://funkyimg.com/i/37LyT.gif" style="width:120px"></p>

    <p>Раздевается и ПРЕСЛЕДУЕТ девушек! Жертвы маньяка рассказали... <em><a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1742&p=4#p264807">читать продолжение в источнике</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: 20px;
    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: 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: 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: auto;
  }
  </style>
<div class="backksk">
      <div class="textt2sk">
        <center> <font style="font-size: 10px;">Что там по фетишам на блондинок и нападениям перьев на замок? север всё помнит, север всё расскажет (и мы тоже) </font></center>
    </div>
    <div class="textt3sk"> <b> </b>
    <center> <a class="name" alt="Заклинания, 6 курс" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1748"><img src="https://i.ibb.co/Pzzwp2w/1.gif" width="450px" height="50px"> </a> </center>
   <p>Пс-с, тут подъехал новый выпуск «Сдохни или умри». Вы думали, что просто придете на урок, помашете палочкой, расколдуете шар и разойдетесь по своим делам? Как бы не так. Салли Бирчгроув умудрилась вызвать взрыв линз Бальзамо, которые так заботливо устанавливал процессор Флитвик, а потом отключилась, полностью снимая с себя ответственность. Класс наполнился густым черным дымом с запахом яблок и корицы. Все запаниковали и пытаются выбраться живыми. Думаете легко? Берем во внимание практически нулевую видимость, заклинания, которыми некоторые умники пользуются вслепую, падающие с потолка камни, жизнеутверждающие (нет) цитаты Локхарта, песни Фоули и феноменальный перфоманс Пивза, который летал по классу разбрасывая тухную рыбу под нетленку «Это рыбный дождь, аллилуйя!»
Вы спросите, а где Флитвик? А он выпал в окно и наверняка в процессе полета понял, что не Поттер главная головная боль преподавателей школы.
</p>
       <center> <a class="name" alt="Harry Potter: Puzzles & Spells " href="https://harrypotterpuzzlesandspells.com/ru#%D0%94%D0%BE%D0%BC%D0%BE%D0%B9"><img class="kart" src="https://i.ibb.co/8XzTDFs/2.gif" width="450px" height="50px"> </a> </center>
   <p>Дринк снова упоролся! На этот раз многие студенты с разных факультетов подхватили вирус с кодовым названием «3 в ряд». Говорят, что Мадам Помфри еще не изобрела лекарство от этой болезни и мы решили исследовать ее подробнее. Специальный агент «Дринкополитена» работавший под прикрытием рассказал: все активно ходят на уроки преподавателей, хорошо умеют собирать комбо и работают как одна команда, в рамках собранного ОПГ «Drink Butterbeer». Общими усилиями не раз обыгрывали команду из Бразилии и вышли во вторую сапфировую лигу.
Это все, что мы успели узнать, потому что больше наш спецкор на связь не выходил.
</p>
      <center> <a class="name" alt="Больно (не) будет" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1820#p282141"><img src="https://i.ibb.co/F3GBKbk/3.gif" width="450px" height="50px"> </a> </center>
      <p>О эти прекрасные студенческие годы. Красивые, юные волшебники и волшебницы, которые только начинают познавать мир. Как можно не проникнуться историей двух молодых сердец: трогательной, нежной, такой ранимой? Где он не очень понимает, как поступить, ведь желания дамы идут в разрез с его собственными. А она слишком недоверчива для того, чтобы открыть свое сердце кому-то новому, но делает важный шаг, открыв хотя бы правду. А пока Селина и Джейк кушают ложками стекло, вся редакция искренне переживает за двух старост и держит кулачки за их совместное, счастливое будущее.
</p>

     <center> <a class="name" alt="Праздник, достойный королей" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1644"><img src="https://i.ibb.co/C2Vsqzh/4.gif" width="450px" height="50px"> </a> </center>
      <p>Семнадцать уже не шестнадцать, теперь тебе можно все, вообще все! А это значит, что самое время использовать раздевалки квиддичистов по назначению. Ну правда, какая несправедливость: студенты категорически не готовы раскрывать потенциал этих прекрасных помещений. Бравые рейвенкловцы и хаффлпаффец исправляют эту несправедливость и делают кое-что…достаточно запрещенное. Когда нарушаешь школьные правила, самое главное, чтобы тебя не засекли. Ну и пока малышня попивает в гостиной сливочное пиво, взрослые, сильные и независимые расчехляют бутылочку огденского. Главное, чтобы утром голова не болела, ну и не было провалов в памяти. Иначе может быть ой как неловко.</p>
         <center> <a class="name" alt="Бесконечная история с улитками " href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1781"><img src="https://i.ibb.co/Ws0gnCQ/5.gif" width="450px" height="50px"> </a> </center>
      <p>Все никак не отпускают студентов последствия урока Трансфигурации, который прошел 15 февраля! Так они распереживались за улиток, которых пришлось превращать в предметы. Сердобольные ученики не могут оставить эту проблему без решения, именно поэтому оказывают психологическую поддержку своим подопечным. Нашли новый дом и организовывают переезд. Была найдена подходящая заброшенная теплица и приличное количество испытаний. Добрые дела творить не так просто, как кажется, особенно когда твою судьбу решают дайсы. </p>
   
   
   
   
   
   
   
      <center> <a class="name" alt="Страшилище или посмешище " href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1603"><img src="https://i.ibb.co/QrGCxTY/6.jpg" width="450px" height="50px"> </a> </center>
      <p>Уже не раз мы убеждались, что не рейвенкловцы не такие уж белые и пушистые. У всех есть свои темные секретики, если вы понимаете, о чем мы.
Про силу и мощь мужской дружбы ходят легенды, но ведь и она проходит испытания: огнем, водой и ночными приключениями. Разве можно оставить без внимания отсутствие старосты? Точно нет. А вот усомниться в его нежелании прослыть героем и главным решалой проблем – запросто. В общем, крейзи Майкл и мнительный Терри выходят на поиски Энтони, а находят только кучу пыли и Филча в придачу. И если справиться с вековым своем грязи не удалось, ликвидировать школьного завхоза было проще простого.
</p>
   
       <center> <a class="name" alt="YOU CAN'T SIT WITH US" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1625"><img src="https://i.ibb.co/jg0v8yP/7.jpg" width="450px" height="50px"> </a> </center>
      <p>Творческие люди всегда находятся в поиске, будь то муза, вдохновение, тетрадь для нот, музыканты или площадка для предстоящего выступления. Творческие люди весьма необычны, часто шокируют публику, при этом даже не напрягаясь.
Мистер Фоули слишком занят сочинением нового шлягера и мыслями о завтраке, чтобы обратить внимание на то, что уселся за слизеринский стол в компанию двух видных блондинок, которые не особо-то и рады такому соседству. И тут все по законам жанра: Искра, буря, безумие! Теперь он узнает ЕЕ из тысячи, по словам, по глазам, по ГОЛОСУ! Станет ли Диана Картер солисткой «Ошметков» или это только повод для более частых рандеву? В любом случае, как сказала Селина: «– Обалдеть!».
</p>

       <center> <a class="name" alt="BACK TO THE PLACE WHERE YOU BELONG" href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1668"><img src="https://i.ibb.co/N94ZxSD/8.gif" width="450px" height="50px"> </a> </center>
       <p>Мы покопались в архивах и нашли кое-что любопытное. Однажды в ноябре 1956 года, новоиспеченный директор Хогвартса принял очень важно решение. Мы даже не побоимся назвать его судьбоносным (для многих поколений). Работать на двух работах и полностью отдаваться своему делу практически невозможно, как хорошо, что среди бывших студентов есть талантливый и подающий надежды, в области педагогики, знаток трансфигурации. Это сейчас мы знаем, что Минерва Макгонагалл прекрасный преподаватель, справедливый декан, верный друг и прекрасный наставник. Но мы даем вам уникальную возможность: заглянуть в омут памяти и своими глазами увидеть «как это было».</p>
     
     
     
     
     
     
       <center> <a class="name" alt="Совы не то, чем кажутся " href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1584"><img src="https://i.ibb.co/5RvBGts/10.gif" width="450px" height="50px"> </a> </center>
       <p>Экзамены СОВ по зельеварению или занимательная математика от профессора Снейпа. Нет, мы уверены в высоком уровне профессионализма и непредвзятости знаменитого зельевара. В знак поддержки своих любимых студентов он даже сам варил зелье. #Снейпзасправедливость кто-то свои экзаменационные работы взрывал, падал в обморок, но в итоге получил «Превосходно». Неужели можно просто проявлять чуть больше трудолюбия и получить поощрение от самого мрачного профессора школы?</p>
     
     
     
     
       <center> <a class="name" alt="Прорицания 5 курс " href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1837"><img src="https://i.ibb.co/k6KhmjN/11.gif" width="450px" height="50px"> </a> </center>
      <p>Профессор Дамблдор не согласен с методами Минестерства Магии и не намерен оставлять студентов без знаний в области прорицаний. Новость моментально разлетелась по школе: теперь у них новый преподаватель Прорицаний. Да не просто новый профессор, а еще и кентавр. Все стараются не акцентировать внимание, но девочки как-то особенно прихорашиваются перед уроком и очень смущаются, увидев своего нового учителя. Флоренц – белокурый кентавр спокоен, ведь чувствует себя «как дома», благодаря помощи директора. Он искренне уверен: смена обстановки пойдет на пользу ученикам и они смогут открыть в себе дар видения, а не простой людской хиромантии. При всей своей уравновешенности и мудрости придерживается строгих правил: «руками не трогать» и «пришел последний – твое место у <s>у параши</s> мусорной корзины. </p>
     
    </div>
    </div>[/html]

[html]<style>
 
  .backksk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/fYYLZ1c/image.png");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt1sk {
    z-index: 10;
    height: 200px;
    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/dj7ZvHQ/ezgif-com-gif-maker.gif");
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }
 
  .textt2sk {
    z-index: 10;
    height: 20px;
    width: 480px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity:1;
    display: none;
    color: #FFF;
   
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -140px;
    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: 8.5px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -145px;
    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: 25px;">ТРОЛЛЬ В ГОСТЕВОЙ!</font></center>
      </div>
    </div>
    <div class="textt3sk"> <b> </b>
     
      <br>
<center><strong><font style="font-size: 9,5px; color: #7a3618;"> Disclaimer</font></strong> <br>
      Сейчас вы узнаете то, о чем многие говорят, но все понимают</center><br><br>
     
<center><strong><font style="font-size: 8,5px; color: #7a3618;"><b>Тролль Шон-Ленусик</b></font> </strong></center><br>
<p> Администрация Дринка предупреждает о вреде лайков в музыке с первого сообщения в теме.
Данный индивид появляется в период обострения и в свое свободное время. Так как расписание он нам не показывал, появиться он может в абсолютно любой момент. Отличается любовью к музыкальным темам и отсутствием анкеты при регистрации. Если не регистрируется, поёт песни в гостевой, чаще всего по ночам, чтобы утро каждого дринковца началось с улыбки. Самое знаменитое появление в гостевой (орфография и пунктуация сохранены):</p>
<figure class="quote">
  <blockquote>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    Вечер добрый. Ваш форум активен?
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    Какие планы у вас на игру. не бросите форум через 2 недели?
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    Хочу взять роль вейлы.можно?
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    Ну конечно.все админы спят. совам типа меня внимание не уделяют.
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    продам гараж
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    не сильно мне надо ваш форум
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    пока
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    пока
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 8,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
    покачивая перьями на шляпах
судьбе не раз шепнем мерси Баку
  </blockquote>
</figure>
<figure class="quote">
  <blockquote><br>
    <figcaption>
   <font style="font-size: 9,5px; color: #7a3618;"><b>Кость</b></font>
  </figcaption>
   *боку
  </blockquote>
</figure><br>

<p>Администрация не уверена, что троль в гостевой и Шон один и тот же, но традиционно так считается. Смешнее выходит.</p><br>
<br>
<center><strong><font style="font-size: 8,5px; color: #7a3618;"><b>КАЖДЫЙ ДРИНКОВЕЦ ДОЛЖЕН ЗНАТЬ или словарь настоящего дринковца:</b></font> </strong></center>
<p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Лосось в кустах черники</strong></font> — неожиданное появление кого/чего-либо. </p>
      <p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Процессор</strong></font> — разновидность троллинга профессоров. В отношении Флитвика рекомендуется использовать "микропроцессор".</p>
      <p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Пьюси и Пьюси, простигосподи </strong></font> — отыгрыш, вкусы в котором... весьма спецэфичны. </p>
      <p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Упеченить</strong></font> — один из видов комфортинга, когда человеку в рот втыкается печенька, чтоб он не грустил. </p>
      <p style="padding-left: 0px;"><font style="font-size: 8,0px; color: #7a3618;"><strong>Язык русалок</strong></font> — осоое уение яыкоой шоы.<br>
      Адепт языка русалок — <b>Selina Moore</b>.</p>

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

[html]<style>

.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/zfw4Qs0/image.jpg");
    background-position: top center;
    background-repeat: no-repeat;
  }

  .textt1 {
    z-index: 10;
    height: 170px;
    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.pinimg.com/originals/de/66/0c/de660cdce79098da09305a26dd9a3327.gif") ;
    background-position: top center;
    background-repeat: no-repeat;
    margin: auto;
  }

  .textt2 {
    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: -10px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 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: 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;
    margin: auto;
  }

 
</style>

<div class="backk">
    <div class="textt1">
      <div class="textt2">
        <center> <font style="font-size: 8px;">Вы активно опускали свои бюллетени в урну, мы все подсчитали и настало время узнать имена любимчиков Дринка в этом месяце.</font></center>
      </div>
    </div>
    <div class="textt3">
    <div class="tabs">
    <input type="radio" name="inset" value="" id="tab_1" checked="">
    <br>
    <center><label for="tab_1"><b> <font style="font-size: 12px; color: #800080;"> Пара месяца: Дора Уильямс и Терри Бут</font> </b></label></center><br>
       <div id="txt_1">
           <p><span style="font-family:verdana,geneva,sans-serif;">Они подходили друг другу, как книга и карандаш, как пирожное и диета, как бутс и помидор. Поэтому странно видеть их вдвоем. Ведь там, где они всегда где-то рядом кучерявый мальчик. Майкл, кажется. Дружба, она крепкая и не сломается, но будет испытана переходным возрастом: тем самым периодом, когда мальчишкам хочется показывать «даме сердца» своих бабочек и гусениц в приватной обстановке, а девочки учатся строить глазки и улыбаться загадочно.
Их даже сложно назвать парой - скорее, любовный треугольник, да еще и с «открытым финалом», как говорят сами ребята. Но купидон был пьян и плохо целился, однако, пророчества говорят, что порой из случайностей вырастает что-то хорошее.
   </span></p>
<br>
      <center><label for="tab_1"><b> <font style="font-size: 12px; color: #800080;"> Флуд месяца: КОНФЕТЫ «БЕРТИ БОТТС» cо вкусом дринковской языковой школы, №112</font> </b></label></center><br>
<p><span style="font-family:verdana,geneva,sans-serif;">Аоавиие – о, о ем иога е заыаю риоы. Юбо оого сое, а осаиаюся оые, ееаные яыки и алеи еель. Иать, оить и оищая азеаеся, а ее моо апиыася а яыовые усы. Е у ас и офеиоальый яыкоой енеао и елиоеый ене. И оа ы онояемя а ноые ивииеие овии е заыае ить а юовь
<img src="https://funkyimg.com/i/34juM.gif"> 
<br>
  <details><summary>Если не смог перевести - тыкай!</summary>
<br>
    Саморазвитие – то, о чем никогда не забывают дринковцы. Любо дорого смотреть, как осваиваются новые, неведанные языки их далеких земель. Кричать, вопить и восхищаться разрешается, а еще можно записываться на языковые курсы. Есть у нас и профессиональный языковой генератор и великолепный тренер. И пока мы вдохновляемся на новые лингвистические подвиги не забываем пить за любовь<img src="https://funkyimg.com/i/34juM.gif"> </details>
<br>
  <center><label for="tab_1"><b> <font style="font-size: 12px; color: #800080;"> Флудер Месяца: Селина Мур</font> </b></label></center>
<br>
<p><span style="font-family:verdana,geneva,sans-serif;">Хм, предполагала ли Трелони, что в октябре лучший флуд и флудер совпадут так идеально? Поясним: Селина – главный полиглот всея Дринка и русалочий – это еще цветочки. Казахский и немецкий эльфийский, эстонский и испанский троллий, французский парселтанг, английский русалочий. Как тебе такое Илон Маск? И пока мы все ломаем голову, расшифровывая сообщения во флуде, мисс Мур приобретает необходимые навыки для своей будущей работы. А что, мы думаете в Минестерском Уголовном Розыске только за обычными волшебниками гоняться будут?
</span></p>
<br>
      <center><label for="tab_1"><b> <font style="font-size: 12px; color: #800080;"> Постописцы месяца</font> </b></label></center>
<br>
<p><span style="font-family:verdana,geneva,sans-serif;">Самое время познакомиться с самыми активными дринковцами октября. Вы готовы?
<br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=197">Джейк Фарли</a>, Давненько не видели мы Жекино лицо в табличке. Может быть это такой хитрый план, чтобы мы как следует соскучились?  Есть мнение, что он сверхчеловек: и дитятко воспитывает и во флуде делает всякое (обычно отнекивается от невест, конечно) да еще и рекорды постописческие ставит. Осталось еще торс Кёрка потрогать и тогда вообще красота. 
<br>
<br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=398">Аделаида Мёртон</a> Стабильность – признак мастерства. Наша Ада второй месяц подряд красуется в списках самых активных. Столько приключений на свою голову нашла наша славная блондиночка! И во Франции потусовалась и на заклинаниях выжила. Вдохновения тебе на реализацию всех идей!<br><br>
<a href="https://drinkbutterbeer.rusff.me/profile.php?id=248">Диана Картер</a> Мисс Картер славится не только своим чувством стиля, профессиональным шипперингом и фантазией, но и невероятным умением, которое мы называем «спидпостинг». Из надежных источников стало известно, что владеет запрещенной магией (пишет посты с телефона). Диана, может проведешь мастер-класс?
<br>
<br>
НУ И, КОНЕЧНО ЖЕ, НАШИМ ПРЕКРАСНЫМ ЖИТЕЛЯМ ДРИНКА, ВО ГЛАВЕ С АКТИВНЫМИ ПОСТОПИСЦАМИ МЫ ЖЕЛАЕМ ВДОХНОВЕНИЯ. Впереди холодный ноябрь. Поэтому рекомендуем запасаться горячим чаем с лимоном, не забывать носить шапку и шарф, а дома можно кутаться в плед или одеяло, чтобы продолжать радовать своих соигроков новыми прекрасным постами.
<br>     
</span></p>

<br>
      <center> </center>
      <br>     
   
[/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: 20px;
    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: -140px;
    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: 8.5px;
    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: 40px;"><strong><font style="font-size: 8,5px; color: #006400;">Вопрос:</font></strong> Рита, когда из Хога выкинут Пивза?</p>
<p>Не раньше, чем тебя, деточка. Этот полтергейст пережил Амбридж и довел Филча до нескольких инфарктов, он уже как неофициальный талисман школы. </p>
<p style="padding-left: 40px;"><font style="font-size: 8,5px; color: #006400;"><strong>Вопрос: </strong></font>Уважаемая Рита, правда ли, что стать преподавателем в Хогвартсе можно только через лимонные дольки? </p>
<p>Лимонных долек у директора уже столько, что в его бороде не помещаются, так что эта валюта обесценилась. Сейчас в ходу валерьянка. </p>
<p style="padding-left: 40px;"><font style="font-size: 8,5px; color: #006400;"><strong>Вопрос: </strong></font>Рита, как постичь дзен? </p>
<p>Мне всегда помогали размышления о вечном. Попробуйте освободиться от всех проблем и полетать из класса Заклинаний.</p>
<p style="padding-left: 40px;"><font style="font-size: 8,5px; color: #006400;"><strong>Вопрос: </strong></font> Как обезопасить себя от Салли Бирчгроув?</p>
<p>Вариант 1. Нейтральный
Салли даже себя от себя обезопасить не может. Могу порекомендовать вам спать с открытыми глазами и всегда держать волшебную палочку с щитом на готове. <br>
Вариант 2. Черноюморной.
Попробуйте закрыть проблему в комнате. Через некоторое время проблема сама себя устранит, даже если там нечего взорвать.</p>
<p style="padding-left: 40px;"><font style="font-size: 8,5px; color: #006400;"><strong>Вопрос:</strong></font> Дорогая Рита, где взять еще одну систему Бальзамо? </p> 
<p>На Чертановском рынке, где ж еще? А вообще, говорят, в Хогвартсе где-то своя барахолка есть. Там и старые учебники, и мебель, и тиары есть. Может, и система Бальзамо завалялась.<span style="text-decoration: line-through;">Ну а вообще, можно прыгнуть на Дамблдора, как в Марио, и из него лут посыпется.</span></p>
      <p style="padding-left: 40px;"><b><font style="font-size: 8,5px; color: #006400;"><strong>Вопрос:</strong></font></b>Рита, подскажите: что вкуснее, кофе или чай?  </p>
<p>Все, что угодно, если там есть виски. А вам, неокрепшим умам, тетя Рита рекомендует пить пинту сливочного пива каждый день. </p>
<p style="padding-left: 40px;"><font style="font-size: 8,5px; color: #006400;"><strong>Вопрос: </strong></font> <span style="text-decoration: line-through;">А дальше предлагаю понаблюдать за очередной рейвенкловской драмой. </span><br>
Как разговаривать с Ди, чтоб ей нравилось? <br>
Зачем Маркусу нужно, чтоб его речи нравились Ди? <br>
Зачем Чжоу интересуется, зачем Маркусу нужно, чтоб его речи нравились Ди? <br>
Невиллу нравится рейвенкловки или он просто любопытный? </p> 
<p>Вы только поглядите на этот миленький любовный квадратик! Я вообще люблю все, отличное от скучных прямых линий, и жду развития событий с нетерпением. <span style="text-decoration: line-through;">Ну а вообще, спросите Гермиону Грейнджер о любовных многоугольниках.</span>ッ</p>
<p style="padding-left: 40px;"><font style="font-size: 8,5px; color: #006400;"><strong>Вопрос: </strong></font>Уважаемая Рита, Як Невілл придумав такі завдання? ���������� </p>
<p>Мистер Лонгботтом много времени проводит в теплицах. Чем он там занимается? Хогвартс выращивает запрещенные продукты? Читайте в моем новом расследовании "Пирожки с травой: правильное питание в Хогвартсе"</p>
      <p style="padding-left: 40px;"><font style="font-size: 8,5px; color: #006400;"><strong>Вопрос: </strong></font> Рита, Как заставить рейвенкловских ботанов альфачей оценивать по достоинству? </p>
<p>Как говорится, клин вышибают клином. Попробуйте взять достоинство побольше и уязвить их больное самолюбие.</p>
    </div>
    </div>[/html]

Отредактировано Brewer (05.11.20 22:53)

[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/Gs3X9wp/image.jpg");
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://forumupload.ru/uploads/001a/2e/af/385/692887.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>
Невилл "Под Травой" Лонгботтом<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/1RtCJwB/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f.gif");

    background-position: top center;
    background-repeat: no-repeat;
  }
 
 
 
  .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">
   
      </div>
    </div>
    <div class="textt3">
<p><b>1. Тони, первый жизненно важный вопрос, который мы хотим задать: какое твое любимое мороженое? </b></p>
<p> Имбирное. С первого укуса и навсегда.
Вообще, мороженое можно выбирать с закрытыми глазами и не прогадаешь, имхо.
</p>

<p><b>2. Второй вопрос, не уступающий первому по важности: кофе. На Дринке мы все помешаны на кофе! Какой пьешь ты?</b></p>
<p> Черный, как ночь, с лимончиком. Особенно приготовленный в моей едва живой капельной кофеварке.
Эспрессо романо - тоже с лимоном, но только эспрессо.
Лунго - почти эспрессо, но объем рассчитан не на полглотка.
В этом году внезапно попробовал Эспрессино. И меня, как не фаната кофемолока, впечатлил. Еще выглядит очень красиво, когда в стеклянных чашечках подают.
</p>

<p><b>3. Ты успеваешь и работать, и учиться, и писать посты от двух персонажей. В чем твой секрет? </b></p>
<p> Рубрика дурных советов.
Ладно, не буду учить дринковцев плохому, потому что сон - это важно. Мой главный секрет, что это только кажется, будто я всё успеваю. На самом деле, у меня пятичасовой сон, и я при этом не успеваю ничего xD Как и большинство людей вокруг.
С возрастом время всё быстрее проходит, и вот вроде бы утро, а уже полночь (и вот вроде 1 января, а уже снова декабрь), и тебе надо ещё кучу всего сделать, а ты уже усталый и тупишь на экран ноутбука. Нужно просто принять-понять-смириться, что всё в этой жизни успеть невозможно. И не гнобить себя за то, что что-то не успел. Прокрастинация не во благо, но существование с постоянным грузом на плечах, что нужно сделать то, вот это и еще вон то, с последующим чувством вины за несделанное, плохо сказывается на эмоциональном состоянии.</p>

<p><b>4.  Что ты делаешь, чтобы восстановиться, когда ни на что нет сил?</b></p>
<p> Спорт возвращает к жизни при любых обстоятельствах, после тренировки чувствую себя новеньким, бодреньким и очень дисциплинированным xD В основном бегаю, но плавание, силовые или интенсивные тренировки тоже делают свою работу исправно.
Потом можно с кружкой кофе забраться на диван и читать книги подряд или смотреть фильмы методом тыка.<p>

<p><b>5. Энтони и Мэйнард – очень разноплановые персонажи. Ты не испытываешь трудности, «переключаясь» с одного на другого? </b></p>
<p> Один помогает развиваться другому. Я не могу в одинаковых персонажей и вряд ли когда-нибудь создам двух похожих твинков. В противном случае у меня начинается выгорание от необходимости несколькими персонажами выдерживать один и тот же характер и стиль. <p>

<p><b>6. Ты писал, что Мэйнард некоторое время жил «в столе». Почему ты решил взять его в качестве твинка?  </b></p>
<p> У меня есть кладбище и роддом персонажей - и тех, и других я бережно храню в папочке. На Дринке так уж вышло, что собралась колоритная компания на шестом курсе, и Мэйнард может ее дополнить. Ещё, наверное, настало его время, потому я, как автор, дошел до той кондиции (прямо, как тесто, ага), когда необходимо проживать, переживать и превращать эмоции в слова через именно этого персонажа.</p>

<p><b>7.  Расскажи о фактах или хэдканонах Тони и/или Мэйнарда, которые мы еще не знаем? </b></p>
<p> Мне кажется, что все хэдканоны так или иначе мелькали в мыслях или постах. По крайней мере те, что на данный момент имеют словесные очертания. Когда-нибудь в дневнике создам отдельный пост с хэдканонами.
Пока что парочка фактов о Тони:
Тони отрастит за весну и лето 1996 года волосы до ключиц и будет ходить с ними до самой битвы за Хогвартс. После войны обрежет их раз и навсегда.
Внешность матери Тони - Кейт Бланшетт.
В 1997 году ПС убьют отца Тони, о чем ему сообщит один ПС в Хогвартсе у всех на глазах.
Спустя годы работы в Святом Мунго, Тони начнет нарушать законы, прибегать к запрещенным методам целительства, неизученным ингредиентам, экспериментальным зельям и заклинаниям. Коллеги и начальство возненавидят его за своенравие, сарказм, самоуверенность и дерзость, но будут вынуждены признавать, что он отличный колдомедик.

И немножко Мэйнарда:
Хэттон родился в катафалке.
Он хотел бы стать драконологом, но в итоге продолжит семейный похоронный бизнес. И во время отпуска будет летать в заповедники побыть поближе к драконам.
Хэттон никогда не женится. По многим причинам. В том числе, потому что однажды к нему вернуться воспоминания о матери. И он узнает, что к ее смерти причастен отец. </p>

<p><b>8. По какому принципу ты подбираешь дату рождения своим персонажам? </b></p>
<p> По знаку зодиака. И я не шучу. В гороскопы я не верю, но при выборе даты рождения они очень помогают.</p>

<p><b>9.  В твоих AU эпизодах есть и другие персонажи поттерианы: Альбус Дамблдор, Чарли Уизли. Есть ли еще персонажи в этом фандоме, которых ты либо уже отыгрывал, либо хотел  отыграть?
</b></p>
<p> Альбус такой бородатый гештальт, который всегда было интересно раскрыть, не скатившись в ДамбиГада, но и не превращая его в добряка-старика и не играя в откровенный стёб.
Отыгрывал я слишком много персонажей и перечислять всех будет слишком долго, но у меня определенно есть список тех, кем я недостаточно наигрался, и тех, планы на которых накрылись по различным причинам (от закрытия ролевой до потери соигроков). Во-первых, я бесконечно люблю всю семью Уизли от Артура до близнецов и Рональда, и ни разу не получилось полноценно поиграть ни одним из них. Во-вторых, мародеры и их взаимоотношения внутри компании - отдельная страсть. Сам вёл долгое время Джеймса, но одинаково трепетно отношусь к каждому из четверки. В-третьих, это Темный Лорд во всей красе, но персонаж очень сложный психологически, если не создавать пародию на злодея с кривляниями, как то нам подали в 7 фильме! В-четвертых, Аластор Муди с внешностью Хабенского <3 </p>

<p><b>10. Что является источником твоего вдохновения?
  </b></p>
<p> Соигроки и только они. Я буду взахлеб пить любые сюжеты и персонажей, если с партнерами по игре искрит, пестрит и горит. Даже если мы соберемся играть намазывание философии на хлеб двумя фонарными столбами.</p>

<p><b>11. У тебя есть любимый запах?
</b></p>
<p> Для меня запахи имеют большое значение. Запахи некогда близких людей помню до сих пор. И они самые лучшие. *задумался о зелье Амортенции и улыбнулся*
Если говорить о запахах в окружающем мире, то мне очень нравится аромат печеных яблок с корицей, свежего хлеба из булочной (забавно, учитывая, что я его не ем xD), камина, потухших свечей и замазки (не увлекаюсь, если что!). </p>

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

<p><b>13. Музыка! Ты завсегдатай нашего «Волшебного граммофона», поэтому предсказуемый вопрос: ты пишешь посты под музыку или предпочитаешь тишину?
</b></p>
<p> Это я еще вас жалею и выкладываю не весь контент. Признаюсь, мне сложно концентрироваться и писать посты под музыку, даже под классическую, но музыка создает настроение для поста. Потому я сначала слушаю парочку трэков, выключаю и сажусь за пост.</p>

<p><b>14. Мы спросили о музыке – сложно не спросить о литературе, ведь всех нас связывает особая любовь к ней. У тебя есть любимые книги?
</b></p>
<p> Их очень много, в целом, мне редко когда НЕ нравится прочитанное. Список самого-самого возглавляет “Жажда жизни” Ирвинг Стоун, где рассказывается история одного великого человека, который прожил жизнь, полную счастья и страданий, творчества и проблем с психикой, любви и непонимания, нищеты и алкоголя. Прожил жизнь и так и не понял, насколько он гениален. Винсент Ван Гог - непризнанный современниками, опередивший своё время, голодавший ради шахтеров и приютивший проститутку с чужим ребенком, рисовавший желтые-желтые подсолнухи под мистралем до солнечного удара и оказавшийся в психиатрической клинике. Я редко советую литературу (вкусы-то разные), но это именно та книга, которую я смело могу рекомендовать. Ещё я люблю Стивена Кинга и Лавкрафта - произведения обоих могу читать в алфавитном порядке вверх и вниз. Меня тронул роман “Цветы для Элджернона” Дэниела Киза - легкий слог и глубоко трагичная история. “Чтец” Бернхарда Шлинка - и книга, и фильм. “Книжный вор” Маркуса Зусака. “Человек, который принял жену за шляпу” Оливера Сакса. И трепетно отношусь к антиутопиям, как “1984” и “О дивный новый мир”, ставших классикой.</p>

<p><b>15. И снова о литературе: пробовал ли ты писать стихи?
</b></p>
<p> Я всем сердцем своим люблю поэзию. В восемь лет отыскал сборник Блока на каникулах и выпал из мира на несколько дней. Это почти первая влюбленность. Но сам никогда не брался писать стихотворения, и совершенно не дружу с рифмой. Не получается от слова “совсем”.</p>

<p><b>16. Ты встречал известных людей? Расскажи о встрече с одним из них.
</b></p>
<p> В мой родной город от силы раз в год приезжали с концертом, да и в целом как-то знаменитости обходили меня по жизни стороной. Я копил уже в Германии на концерт любимой группы и не смог поехать из-за резкой смены планов. Мне до сих пор обидно вспоминать этот облом.
С королевой Великобритании, когда она в 2006 году приезжала в Ригу. Это было очень увлекательно и отдельных учеников ей представляли, но я помню только, что я был бледный, как мертвец, и хотел домой, спать и пить ромашковый чай. Меня всегда сильно укачивало (причем уже на десятом километре), а от моего города до Риги 220 км. И, пока мы доехали и потом катались в пробках по столице, меня укачало так, что охранники даже не проверили паспорт, а пустили сине-зеленого меня вовнутрь, предлагая вызвать скорую. Романтичная встреча с королевой вышла.
Благодаря связям семьи через главного организатора концертов моего родного города, у меня состоялись личные встречи и фотографии с группой Корни и Димой Биланом ещё в 00-ых хD
</p>

<p><b>17. Существует такая еда, которой ты не стал бы ни с кем делиться? 
</b></p>
<p> Я относительно хладнокровен к еде. У меня есть любимые блюда, но не до дрожи в коленях. И я бы поделился даже самой вкусной едой. Тем более самой вкусной едой! Честно говоря, мне в принципе прием пищи доставляет удовольствие лишь тогда, когда он разделен с кем-то, в противном случае он является лишь утолением физиологического голода и может состоять из овсянки на воде.
</p>

<p><b>18. Кто был бы твоим патронусом?
</b></p>
<p> Согласно сайту wizardingworld - белый лебедь.
Мне кажется, что волк.</p>

<p><b>
19. Читаешь ли ты Дринкополитен? Мы уверены, что ответ: «да», поэтому еще один вопрос: твоя любимая рубрика?  </b></p>
<p> Я каждый раз ору с выпусков, потому что наши редакторы - самые лучшие и оригинальные редакторы в мире. Столько юмора и невероятный заряд хорошего настроения после прочтения. И выбрать одну рубрику невозможно, ребята. Могу выделить интервью с нашими игроками, потому как всегда интересно узнать дринковцев хоть на дюйм ближе и в очередной раз удивиться, насколько мы все замечательно разные.
</p>

<p><b>
20. И по традиции: оставь пожелание дринковцам!</b></p>
<p> Избегать синдрома отложенной жизни!</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: 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;
  }
 
  .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>
Счастливое число: 15.12. Гриффиндорцы получают +1 к дайсам.
<br>
Несчастливое число: 11.12. Гриффиндорцы получают -1 к дайсам. </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>
Счастливое число: 12.12. Хаффлпаффцы получают +1 к дайсам.
<br>
Несчастливое число: 17.12. Хаффлпаффцы получают -1 к дайсам.  </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>
Счастливое число: 19.12. Рейвенкловцы получают +1 к дайсам.
<br>
Несчастливое число: 8.11. Рейвенкловцы получают -1 к дайсам.
</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>
Счастливое число: 10.12. Слизеринцы получают +1 к дайсам.
<br>
Несчастливое число: 18.12. Слизеринцы получают -1 к дайсам.
</span></p>
    </div>
  </div>
</center>[/html]