[html]<link href="https://fonts.googleapis.com/css?family=Istok+Web|Rozha+One" rel="stylesheet">
<style>
.yerfall {
position: relative;
margin: 20px auto 0px;
height: 800px;
width: 600px;
overflow: hidden;
background: white;
}
.yerfall img {
height: 800px;
position: absolute;
width: 200px;
object-fit: cover;
outline: 1px solid #330314;
outline-offset: 10px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.yfimgover {
height: 800px;
width: 200px;
position: absolute;
background: #330314;
mix-blend-mode: hard-light;
opacity: 0.7;
}
.ml {
font-family: Rozha One;
position: absolute;
color: white;
font-size: 40px;
-webkit-text-stroke: 0.5px #033322;
text-stroke: 0.5px #033322;
bottom: 30px;
left: 50px;
width: 10px;
line-height: 100%;
}
.ib {
position: absolute;
font-family: istok web;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 10px;
color: #f5efe1;
text-align: center;
width: 580px;
bottom: 10px;
transform: rotate(90deg);
left: -255px;
height: 10px;
top: 280px;
}
.yftext {
position: absolute;
font-family: istok web;
color: #555;
width: 300px;
right: 50px;
text-align: justify;
height: 700px;
overflow: auto;
top: 50px;
font-size: 12px;
line-height: 180%;
padding-right: 5px;
}
.yftext::-webkit-scrollbar{width:1px}
.yftext::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.yftext::-webkit-scrollbar-thumb{background: #033322}
.yftext b {
background: #330314;
color: #f5efe1;
opacity: 0.7;
}
</style>
<div class="yerfall">
<img src="https://i.imgur.com/djIMMVO.jpg">
<div class="yfimgover"></div>
<div class="ml">Zone will wait for you</div>
<div class="ib"> Given an infinite universe and infinite time all things will happen </div>
<div class="yftext">
<a href="http://goldenhour.rusff.me/viewtopic.php?id=12#p20">Её</a> обнаружение было лишь вопросом времени.<br> Ты её нашел, она здесь перед тобой, можно внимательно осматриваться по сторонам. Перед тобой разлом, который ведет в абсолютно другое пространство. <br>Ты мог этого не хотеть, мог идти на работу, гулять в парке или спешить на свидание с любимым человеком. Теперь он тебя не дождется и наверняка обидится. Но это не важнее того, что перед тобой открылось и что тебя ждет, если ты готов зайти дальше. Там определенно виднеются новые горизонты, и ты точно уверен, что в твоем парке раньше не было двухметровых каменных изваяний. И почему-то кажется это не новая арт-инсталляция. Посмотреть ближе и убедиться стоит. Но ты решил не заходить в неё, не то место и не то время для этого. Зона пока не нашла тебя. <br> <br>
Она ищет тебя даже если ты сидишь дома. <br>Идея не выходить в интернет на выходных будет отличной, даже если мама и друзья не верят, что ты выдержишь. От внешнего мира тоже надо отдыхать, решаешь ты, прежде чем выключить телефон и устроить себе детокс-уикенд. Словно пытаясь сохранить свое влияние, телефон отправляет последнее уведомление. Автоматическая рассылка от форума, где пишут жители твоего города, начала раздражать своей навязчивостью. Почта и так переполнена хламом, и надо нажать на письмо и отписаться от новостей. Внутри освещается самый популярный топик, глаза успевают зацепить слова о сверхъестественном и пропаже людей. Ладно, это стоит прочитать, ведь можно начать очищаться от цифрового влияния ровно в полночь. Но когда ты найдешь себя на сайте иллюминатов в предрассветный час, это значит <a href="http://goldenhour.rusff.me/viewtopic.php?id=12">Зона</a> начала поиск тебя. <br> <br>
Но иногда так кажется, что Зона вместо тебя ищет кого-то другого. И что это не твое дело. <br>Можно пройти мимо разлома и думать, что этот конкретный разлом создавался не для тебя. У тебя дела, планы и настоящая жизнь перед носом, на побочные приключения уже совсем нет времени. Можно вообще пройти мимо и не думать, зажмурить глаза, словно этого не существует. И тогда ты найдешь Зону сам. Её обнаружение было лишь вопросом времени.
</div>
</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]