[html]
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Yellowtail&display=swap" rel="stylesheet">
<style type="text/css">#nowhat {padding: 37px; border: 3px double white; width: 400px; height: 230px; position: absolute; top: 20px; left: 35px;}
#nowhat .nohov {padding: 8px; opacity: 0; background-color: white; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; height: 230px;}
#nowhat:hover .nohov {opacity: 0.95;}
.nope b {color: #1c080c; font-family: georgia;}
</style>
<center><br>
<div style="width: 550px; height: 350px; background-image: url(https://forumupload.ru/uploads/001a/c9/1d/2/672582.jpg); position: relative;">
<div id="nowhat"><div class="nohov"><div style="padding-left: 5px; padding-right: 10px; font-family: calibri, sans-serif; color: 121212; font-size: 11px; text-align: justify; line-height: 90%; height: 230px; overflow: auto;" class="nope">
<p> <justify> Когда эксперимент в правительственной лаборатории вышел из-под контроля, трое ученых проекта «G&H» мистическим образом пропали из помещения в момент взрыва. Детали произошедшего в лаборатории Harrogate еще только предстоит выяснить, но жители Аделаиды уже начали сталкиваться с неизбежными последствиями в виде разломов, ведущих из обычного мира в неизведанное. Кто-то в Интернете назвал неизведанное Зоной. Название прижилось, будто так и должно быть.<hr>
<p>В ходе игры вы сможете получить важную информацию и своими действиями прямым образом влиять на то, каким будет будущее мира. Помните, что все принятые вами решения в сюжете будут иметь последствия. В данной теме можно будет ознакомиться с <b>поэтапной хронологией сюжетных событий</b>. <br> </justify></p>
</div>
</div>
</div></div>
</div>
</center>
[/html]