Код:
<!--HTML-->
<center><div style="position: relative; width: 750px; height: 685px; border: #2b2f3a 1px solid; background-color: rgba(65,79,94,0.9);">
 <div class="greenbean">
И даже уровень преступности отдыху не помеха!
</div>

<div class="carrotcake" style="background: none;"><div style="width: 720px; background: rgba(183,187,196,0.9); margin-left: -10px;  padding: 10px; margin-top: -10px; overflow-y: hidden;">
<div style="font-size: 25px; font-family: montserrat; text-align: center; line-height: 25px;">“Всё, что вы хотели (и не очень) знать о Редпорте”</div>
<br>
<div class="cauliflower">
Редпорт — вампирская столица США с 1987 года
</div>
<br>
<center><hr width="50%"></center>
 

<br>» Редпорт не является «городом небоскрёбов» — зеркальные высотки располагаются лишь в Хэмптоне, в Сити. Подавляющее большинство зданий выстроены в неоготическом стиле, а высота не превышает двадцать этажей; здесь вы чаще наткнётесь на статуи горгулий, чем на световые биллбоарды во всю стеклянную башню. 
<br>» В 1994 году шоколадную фабрику «Mr. Nancy» переименовали в «Bloody Sugar», а рекорды всех продаж побила клубничная жвачка «Поцелуй Дракулы». 
<br>» В 1967 году Боб Дилан выпустил песню «Hard times in Repdort town», куда включил строчку, недвусмысленно намекающую на двойное дно города («о, ты открываешь его как шкатулку, но не можешь нащупать ключ»), 
<br>» Все путеводители Редпорта предлагают туристам, которые доберутся до восточной части Хэмптона, насладиться виргинским Чайнатауном и его смешением культур и времён, подсчитать <b>драконов на центральных воротах</b> — их должно быть пять. Легко находятся только четыре, а пятый постоянно исчезает. С этим связана одна из старых историй и легенд Чайнатауна: при установке ворот фигуры драконов — пятерых — были отлиты из чистого золота на деньги объединившихся семей мафии Китая, Японии и Кореи, а также проживающих в районе владельцев салонов и магазинов (последние были вынуждены несколько месяцев выплачивать грабительский «налог на драконов»). Как говорят, мастер, их изготавливающий, так полюбил последнего, пятого дракона, что даже хотел выкупить его, но, заплатив огромную сумму и разорившись, его обратно так и не получил. С тех пор пятый дракон овладел магическим даром перемещаться, пока на него никто не смотрит — и любому, посчитавшему когда-то драконов, удавалось подметить лишь четырёх. Фигуры были украдены (предположительно, неким русским эммигрантом) в начале 2000-х и так и не найдены, впоследствии же заменены дешёвыми пластиковыми, в количестве <i>четырех</i>. 
Золотых драконов теперь можно найти только на открытках со старыми видами Редпорта, в сепии. И тоже <a href="http://hsd.hutt.ru/viewtopic.php?id=595#p46058">только четырёх</a>.
<br>»
<br>»

<br><br><br><br><div class="cauliflower">
Редпорт — мегаполис магического мира с XVII века
</div>
<br>
<center><hr width="50%"></center>

<br>» На данный момент, в Редпорте проживает крупнейшая община <a href="https://ru.wikipedia.org/wiki/Чупакабра">чупакабр</a> в Америке. 
<br>» Торнадо 1730 года, F4 по шкале Фудзиты (значительный, поднимает в воздух дома и машины), официально признан неудавшимся ритуалом ковена «Сыновья Нострадамуса» — ребята собирались подчинить себе морское божество, а вышло не очень.
<br>» Шоссе  I-20 E, прозванное «картофельный дорогой», соединяет чёрный рынок артефактов Редпорта с новоорлеанским. 90% перевозок осуществляются именно по нему. 
<br>»
<br>»
<br>»
<br><br>


<br>

</div></div><div class="cabbage"><div style="width: 413px; height: 140px; background: rgba(65,79,94,0.9); margin-left: -12px;  padding: 0px; margin-top: 5px; overflow-y: auto;">

<table>
    <tr>
        <td><center><b>ПОЛЕЗНЫЕ ССЫЛКИ</b></center>
<center><br>● <a href="http://prousa.info/virginia" style="color:#b5b9c2">Штат Вирджиния</a>
<br>● <a href="http://hsd.hutt.ru/viewtopic.php?id=11#p14" style="color:#b5b9c2">О Редпорте</a>
<br>● <a href="http://hsd.hutt.ru/viewtopic.php?id=92#p3698" style="color:#b5b9c2">Местные достопримечательности</a>
<br>● <a href="http://hsd.hutt.ru/viewtopic.php?id=586#p45807" style="color:#b5b9c2">Внести свой факт</a>
</center></td>
    </tr>
</table>
 
</div></div></div></center>


<style>
 .potato {
   background-color: rgba(45,48,59,0.7);
   width: 150px;
   height: 25px;
   margin-top: 10px;
   color: #fff;
   text-align: center;
   font-family: Montserrat;
   font-size: 12px;
   line-height: 25px;
   text-transform: uppercase;
 }
 
 .greenbean {
       background-color: rgba(45,48,59,0.7);
       width: 720px;
       margin-left: -10px; 
       text-align: center;
       height: 60px;
       line-height: 60px;
       font-size: 30px;
       font-family: orbitron;
       color: #b4b8c1;
margin-top: 5px;
margin-bottom: 5px;
 }
   
.carrotcake {
 width: 720px;
 height: 445px;
 background-color: rgba(255,255,255,0.7);
 float: right;
 padding: 10px;
 color: #000;
 font-family: Montserrat;
 font-size: 12px;
 line-height: 15px;
 text-align: justify;
 overflow: auto;
 position: absolute;
 right: 0;
 bottom: 135;
margin-right: 5px;
}

.peas {
background-color: rgba(94,96,193,0.7);
       margin: 585 5 5 165px;
       width: 430px;
       text-align: center;
       height: 25px;
       line-height: 25px;
       font-size: 12px;
       font-family: Montserrat;
       color: #fff;
       text-transform: uppercase;
}

.squash {
 position: absolute;
 bottom: 0;
 right: 0;
}


.radish:hover {
opacity: 10;
}

.peasanswer {
margin-top: 0px;
background-color: #5E60C1;
}

.radish {
background-color: rgba(94,96,193,0.7);
margin: 585 5 5 165px;
width: 430px;
text-align: center;
height: 25px;
line-height: 25px;
font-size: 12px;
font-family: montserrat;
color: #fff;
position:absolute;
top:0;
left:0;
opacity:0;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.cabbage {
 margin-right: 5px;
 position: relative;
 bottom: -470px;
 right: 0px;
 color:#b4b8c1;
height: 150px;
}
 
 
.celery {
 text-align: left;
 font-family: orbitron;
 font-size: 12px;
}

.broccoli {
font-size: 20px; 
font-family: orbitron; 
text-align: center;
}

.cauliflower {
font-size: 30px; 
font-family: orbitron; 
text-align: center;
}
</style>