[html]<div class="ravenctn">
<div class="raventitle">the plot!</div>
<div class="ravencontent">

<ol><i><br>Пошатывается из стороны в сторону, балансируя на тонком поручне моста. Дыхание тяжелое, сердцебиение давящее, быстрое. Давление стучит в ушах. Глубокий вдох через нос. Выдох царапает горло. Звук оповещения рвет барабанные перепонки, взгляд фокусируется на телефоне, зажатом в крепкой хватке руки.
<br>- Они меня заставили, - горячие слезы скатываются по щекам.
<br>Нога соскальзывает. Всего мгновение. Свободное падение. Даже не успевает закричать. Оглушающий удар тела об воду.
<br><b>3 марта, 2020 год</b></i></ol>
<br>
<br>
В эпоху гаджетов каждому знаком звук оповещения о новом сообщении, о новом поставленном лайке под фото в «инсте», о новом запросе в друзья. Мы храним в Интернете, на телефоне, всю свою жизнь: от списка покупок до банковских карт, от фото с друзьями в походе до интимных личных видео.
<br>
<br>
И чаще всего мы бездумно кликаем по новой ссылке, которую нам предлагают посмотреть – нами руководит не любопытство, а скука. Но там ничего, пусто, и мы так же бездумно ее закрываем, пока все наши данные копируются.   
<br>
<br>
В начале марта 2020-го года небольшой городок в Канаде ужаснула внезапная кончина <b>Тедди Нортона</b> – 17-летнего подростка, покончившего с жизнью – он прыгнул с моста, а по всей школе появились плакаты, гласящие <i>«Суицид – не выход»</i>.
<br>
<br>
Однажды и вам придет сообщение с «действием» от неизвестного номера, и вы можете его проигнорировать, удалив, а можете – выполнить из любопытства. Вы в любом случае уже в игре.
<br>
<br>
<center>играй или умри</center>
<br>
<br> 
Это началось в июне прошлого года – одиночные сообщения поступили нескольким несвязанным друг с другом школьникам. Одни – выполнили, другие – забивали, за что поплатились. Сначала «действия» были простенькими, безобидными, ни к чему не обязывающими, но «наказания» за невыполнение следовали более жестокие – у кого-то умер пес, кто-то сломал руку, у кого-то с семейного счета списались тысячи долларов. Не хочешь, чтобы стало хуже – играй, получай очки – меняй на деньги или неприкосновенность в течение месяца.
<br>
<br>
Пойдешь в полицию – пострадаешь ты или твои близкие – возможен летальный исход.
<br>
<br>
Конец марта. Среди подростков набирает популярность новое приложение – «Уикли». Концепт все тот же – однако, детишки понятия не имеют во что ввязываются – азарт и, на первый взгляд, безобидность заданий бьют в голову, а возможность заработать подогревает интерес. Даже становится интересно: <i>«Какова твоя цена?»</i>. Так появляется функция «бросить вызов другому».
<br>
<br>
Даже, если вы не скачаете приложение, если смените сим-карту – вам придет сообщение с неизвестного номера – каждый житель Милфорда под прицелом, ведь этому городу нужно «очищение» от тайн и грязи, в которых он погряз.
<br>
<br>

<ol><h1><b>Правила «Weakly?» («Слабо?»):</b></h1>
<br>⤷ Присоединиться к игре можно двумя способами: сообщение с «вызовом» с неизвестного номера и скачивание приложения (появилось в марте 2020-го).
<br>⤷ Выполненное задание должно быть запечатлено на видео, кем угодно. Время на выполнение индивидуально.
<br>⤷ За невыполнение задания следует наказание, так что будьте внимательнее, когда слышите оповещение телефона – может, у вас есть всего пять минут?
<br>⤷ Также, бывают общие задания, где первый выполнивший получает всё, а «проигравшие» - обязуются исполнить свое наказание (сложность наказания зависит от того, каким по счету ты оказался в гонке).
<br>⤷ За выполнение каждый получает баллы (цена зависит от сложности), которые можно обменять на реальные деньги, иммунитет (в течение какого-то времени вам не будут поступать «вызовы»), на передачу своего «слабо» другому.
<br>⤷ У вас есть возможность «бросить вызов», указав стоимость задания – это та сумма, которую вы готовы заплатить в случае того, если игрок выполнит (помните, количество баллов должно соответствовать сложности). Если игрок не выполняет – вы придумываете ему наказание, которое не должно быть проще, чем брошенный вызов.   
<br>⤷ В этой игре нет победителей, каждый заведомо – проиграл. </ol>
<br>
<br>
<br><center>но, может, ты сможешь хотя бы выжить?</center>
<br>Полиция замалчивает трагические случаи, связанные с недавно появившейся и популярной среди подростков игрой.  Город готовится к балу основателей и выборам мэра – по предварительным данным победу вновь одержит <b>Колтон Гослинг</b>, однако и у его оппонента <b>Андрея Маркова</b> так есть шансы на победу, несмотря на зимний скандал [об этом можно прочитать далее в хронологии]. </div>
</div></div>

</div>
</div>

<link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i,900,900i" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.raventitle {
with: 100%;
margin: -1px;
padding: 15px;
font: 40px 'Raleway';
text-transform: lowercase;
color: #c59e79;
text-shadow: 1px 1px #909090;
background: url('http://forumstatic.ru/files/001a/d8/94/92324.gif');
border-bottom: 4px solid #bfa135;
}

.ravenctn {
background: #dfdbd7 url('hhttp://files.jcink.net/uploads/kris003/subtle_dots.png');
border: 1px solid #c59e79;
margin: 0 auto;
max-width: 565px;
height: auto;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

.ravencontent {
margin: 10px;
padding: 15px;
border: 2px #dfdbd7 solid;
background: #dfdbd7;
font: normal normal 12px/100% 'Times New Roman', sans-serif;
text-align: justify;
color: #222;
margin-top: ;
}

.raventitle h1 {
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
border-bottom: 2px #414D59 solid;
} 

.raventitle h3 {
  font: normal normal 20px/100% 'Times New Roman', sans-serif;
  text-align: right;
}

.mmtitle {
margin: -1px;
padding: 10px;
font: normal normal 30px/100% 'Times New Roman', sans-serif;
text-transform: lowercase;
color: #fff;
background: #414D59;
border-bottom: 5px solid #bfa135;
}

.mmctn {
background: #fcfcfc url('http://files.jcink.net/uploads/kris003/subtle_dots.png');
border: 1px solid #c59e79;
margin: 0 auto;
margin-bottom: 10px;
max-width: 300px;
height: auto;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

.td {
width: 80px;
height: 70px;
padding: 3px;
line-height: 5px;
text-align: center;
margin: 1px;
border: 1px solid #e4e4e4;
display: block;
float: left;
}

/***********************************
Application
************************************/

.apptitle {
padding: 20px 0px;
font: normal 700 30px/100% 'Times New Roman', sans-serif;
text-transform: lowercase;
text-align: center;
text-shadow: 1px 1px #909090;
border: 1px solid #ccc;
border-bottom: 0px;
color: #fff;
background: #203746;
width: 428px;
height: 50px;
margin: 10px auto;
top: 10px;
position: relative;
line-height: 50px;
}

.appctn {
margin: 10px;
width: 450px;
height: auto;
position: relative;
background: url('hhttp://files.jcink.net/uploads/kris003/subtle_dots.png');

/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

.apptabs {
postition: relative;
display: block;
padding: 2px;
margin: 0px 10px 0px -1px;
font-size: 15px;
width: 459px;
height: 400px;
}

.apptab {
float: left;
text-transform: uppercase;
text-align: center;
font: normal normal 10px/100% 'Raleway', sans-serif;
color: #fff;
margin-right: 1px;
}

/* position your tab labels in here - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.apptab label {
display: block; /* this lets you fix the label dimensions */
width: 105px;
height: 26px;
line-height: 30px;
margin: 0px 0px 0px;
background: #3D6A8E;
border: 1px solid #ccc;
position: relative;
left: 8px;
top: -2px;
z-index: 3;
border-top: 0px;
}

.apptab input[type=radio]:checked ~ label {
background: #95A6B0;
z-index: 2;
}

.apptab input[type=radio] {
display: none; /* DON'T EDIT */
}

/* if you want tab transitions they go here */
.appcontent {
position: absolute;
top: 129px;
bottom: 10px;
height: auto;
left: 10px;
width: 388px;
background: #dfdbd7;
text-align: justify;
font: 10px #222 Times New Roman;
text-transform: none;
border: 1px solid #ccc;
padding: 20px;
opacity: 0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
overflow: auto;
}

/* if you want tab transitions they also go here */
.apptab input[type=radio]:checked ~ label ~ .appcontent {
z-index: 1; opacity: 1;
}

.apptext {
font: 10px Times New Roman;
color: #222;
}

.appcontent blockquote {
text-align: justify;
font: normal 700 10px/100% 'Times New Roman', sans-serif; 
text-transform: uppercase;
color: #666;
margin: 10px;
padding: 10px;
background: #dfdbd7;
border: 1px solid #e4e4e4; }

/***********************************
Face Claim
************************************/

.site {
width: 75%;
}

.site-title {
display: block;
padding: 5px 10px;
font: normal normal 20px/100% 'Times New Roman', sans-serif;
text-transform: lowercase;
text-align: center;
color: #fff;
background: #203746;
cursor: pointer;
margin-bottom: 2px;
}

#site-title {
padding: ;
font: normal normal 20px/100% 'Times New Roman', sans-serif;
text-transform: lowercase;
text-align: center;
color: #fff;
background: #203746;
margin-bottom: 2px;
}

.site-content {
border: 1px solid #efefef;
text-align: justify;
display: block;
margin: 0;
padding: 10px;
margin-bottom: 3px;
}

/***********************************
Site-Specific Colors
************************************/

.apptab label #membergrouphere {
background: #dfdbd7;
}

.apptab input[type=radio]:checked ~ #membergrouphere {
background: #dfdbd7;
z-index: 2;
}

#membergrouphere {background: #dfdbd7;}

membergrouphere { color: #dfdbd7; }
membergrouphere a:link, membergrouphere a:visited, membergrouphere a:active, membergrouphere a:hover{ color: #203746; }</style>[/html]