<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
    --shclr: #9fb1c3; 
    --shbg: rgba(255, 255, 255, 0.17);
}

#ship6 {position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0;
    max-width:700px;  /* ограничиваем ширину блока*/
}
#ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
#ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
#ship6 sh2 {display:grid; grid-template-columns: min-content auto;}
#ship6 sh2 {order:1; min-width:250px; min-height:100px;}

/* блок текста */
#ship6 sh3 {order:2; box-sizing:border-box; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px;
    line-height: 120%;
    font-size: 11px;
    min-height:64px;  
    min-width:200px; 
}

/* аватар */
#ship6 ava {order:1; display:block; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); background-position:50% 50%; background-size:cover;
    outline-offset:5px;
    margin:6px;
    width:100px; 
    height:100px;
}

/* никнейм */
#ship6 ava2 {order:2; padding: 10px; box-sizing:border-box; min-width:90px; max-width:180px; font-size:10px;}
#ship6 ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
}

#ship6 ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
#ship6 .sh1:nth-child(2n) sh3 {order:-1;}
#ship6 .sh1:nth-child(2n) ava2 {order:-1; text-align:right;}
#ship6 .sh1:nth-child(2n) ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
#ship6 .sh1:nth-child(2n) sh2 {grid-template-columns: auto min-content;}
</style><div id="ship6"><!-- НАЧАЛО -->

<!-- ПЕРВЫЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/52123.png);"></ava><ava2>
   <em><a href="#">Айси (придержана)</a></em>
Jenny Boyd, ведьма воды [льда]
   </ava2></sh2><sh3>
Холодный взгляд и белоснежный костюм. Она травит себя мятными сигаретами и постоянными мыслями о собственном величии. Ей бы быть принцессой холода, как сердце её планеты, но она мечтает о большем. Учится на выпускном курсе Облачной башни и охотится на огонь дракона. 
   </sh3></div>


<!-- ВТОРОЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/34111.jpg);"></ava><ava2>
   <em><a href="#">Дарси</a></em>
Liz Gillies, ведьма разума 
   </ava2></sh2><sh3>
Элегантные костюмы самых именитых модельеров земли. Дарси не скупится тратить денежные запасы своей матери. Пока та отдавала всю себя чужим детям, девушка объявила неофициальный бойкот. И только Айси и Сторми разделяют ее безумные идеи. 
   </sh3></div>


<!-- ТРЕТИЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/57129.jpg);"></ava><ava2>
   <em><a href="#">Сторми (придержана)</a></em>
Olivia Rodrigo, ведьма воздуха [шторма]
   </ava2></sh2><sh3>
Самая младшая из ведьм тройки. Романтичная и очень способная ученица Облачной башни. Огромные кроссовки и рубашки на два размера больше. Сторми знает, какая сила течет внутри нее, и голоса в ее голове напоминают ей об этом. Она авантюристка, поэтому с большим удовольствием придумывает безумные идеи и реализует их.
С виду - миловидная девушка, а внутри - чертенок. 
   </sh3></div>


<!-- КОНЕЦ --><div>

<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
    --shclr: #9fb1c3; 
    --shbg: rgba(255, 255, 255, 0.17);
}

#ship6 {position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0;
    max-width:700px;  /* ограничиваем ширину блока*/
}
#ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
#ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
#ship6 sh2 {display:grid; grid-template-columns: min-content auto;}
#ship6 sh2 {order:1; min-width:250px; min-height:100px;}

/* блок текста */
#ship6 sh3 {order:2; box-sizing:border-box; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px;
    line-height: 120%;
    font-size: 11px;
    min-height:64px;  
    min-width:200px; 
}

/* аватар */
#ship6 ava {order:1; display:block; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); background-position:50% 50%; background-size:cover;
    outline-offset:5px;
    margin:6px;
    width:100px; 
    height:100px;
}

/* никнейм */
#ship6 ava2 {order:2; padding: 10px; box-sizing:border-box; min-width:90px; max-width:180px; font-size:10px;}
#ship6 ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
}

#ship6 ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
#ship6 .sh1:nth-child(2n) sh3 {order:-1;}
#ship6 .sh1:nth-child(2n) ava2 {order:-1; text-align:right;}
#ship6 .sh1:nth-child(2n) ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
#ship6 .sh1:nth-child(2n) sh2 {grid-template-columns: auto min-content;}
</style><div id="ship6"><!-- НАЧАЛО -->

<!-- ПЕРВЫЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/27621.png);"></ava><ava2>
   <em><a href="#">Меридит</a></em>
Jordan Alexander, специалистка
   </ava2></sh2><sh3>Меридит никогда не видела себя среди фей, поэтому выбрала физическую силу в решении проблем Магикса. Младшая сестра мэра Магикса.
   </sh3></div>


<!-- ВТОРОЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(https://pbs.twimg.com/profile_images/1267979660647903233/IWpzcE3I.jpg);"></ava><ava2>
   <em><a href="#">Николас</a></em>
Evan Peters, маг воды
   </ava2></sh2><sh3>
Один из лучших магов Облачной башни, выпускник школы. Преданно отстаивает интересы своей школы, а также поддерживает политику отмщения феям и ведьмам. 
   </sh3></div>


<!-- ТРЕТИЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/45493.png);"></ava><ava2>
   <em><a href="#">Фэн</a></em>
Thomas Doherty, маг огня
   </ava2></sh2><sh3>
Неплохая волшебник огня, но плохой ученик. Фэн ненавидит учебу и все то, что с ней связано, считает себя уже достаточно способным студентом. Постоянно принимает участие в разборках со специалистам, отстаивая свою территорию в Алфее. Есть брат-близнец, который учится в Красном фонтане и страдает от скверного характера.
   </sh3></div>
<!-- КОНЕЦ --><div>

<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
    --shclr: #9fb1c3; 
    --shbg: rgba(255, 255, 255, 0.17);
}

#ship6 {position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0;
    max-width:700px;  /* ограничиваем ширину блока*/
}
#ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
#ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
#ship6 sh2 {display:grid; grid-template-columns: min-content auto;}
#ship6 sh2 {order:1; min-width:250px; min-height:100px;}

/* блок текста */
#ship6 sh3 {order:2; box-sizing:border-box; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px;
    line-height: 120%;
    font-size: 11px;
    min-height:64px;  
    min-width:200px; 
}

/* аватар */
#ship6 ava {order:1; display:block; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); background-position:50% 50%; background-size:cover;
    outline-offset:5px;
    margin:6px;
    width:100px; 
    height:100px;
}

/* никнейм */
#ship6 ava2 {order:2; padding: 10px; box-sizing:border-box; min-width:90px; max-width:180px; font-size:10px;}
#ship6 ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
}

#ship6 ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
#ship6 .sh1:nth-child(2n) sh3 {order:-1;}
#ship6 .sh1:nth-child(2n) ava2 {order:-1; text-align:right;}
#ship6 .sh1:nth-child(2n) ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
#ship6 .sh1:nth-child(2n) sh2 {grid-template-columns: auto min-content;}
</style><div id="ship6"><!-- НАЧАЛО -->

<!-- ПЕРВЫЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/81770.png);"></ava><ava2>
   <em><a href="#">Джон</a></em>
Chris Hemsworth, мэр города Магикс
   </ava2></sh2><sh3> Самый молодой мэр в истории Магикса. Всю жизнь прожил в городе и знает о его проблемах. Активно включен в работу по развитию Магикса и блестяще ее выполняет. Сложности с сожженными добавили мэру много проблем, которые вылились в блокаду всей планеты и с этим вопросом дела обстоят не очень хорошо. 
   </sh3></div>


<!-- ВТОРОЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/54835.png);"></ava><ava2>
   <em><a href="#">Ребекка</a></em>
Scarlett Johansson, телеведущая
   </ava2></sh2><sh3>
Известная телеведущая и журналистка. Ранее вела программу "Путешествуем по Магиксу". В будущем планирует стать генеральным директором телеканала Магикс TV.
   </sh3></div>


<!-- ТРЕТИЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/85040.png);"></ava><ava2>
   <em><a href="#">Фредерик</a></em>
Ryan Reynolds, бизнесмен, маг земли
   </ava2></sh2><sh3>
Маг, выходец из Астер Делла, который чудом спасся после разрушения города. С нуля создавал свою империю по добыче полезных ископаемых. Имеет огромное влияние как и в Магиксе, так и за его пределами. Хотел стать мэром города, но проиграл последние выборы. Входит в совет Магикса. 
   </sh3></div>


<!-- КОНЕЦ --><div>

<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
    --shclr: #9fb1c3; 
    --shbg: rgba(255, 255, 255, 0.17);
}

#ship6 {position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0;
    max-width:700px;  /* ограничиваем ширину блока*/
}
#ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
#ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
#ship6 sh2 {display:grid; grid-template-columns: min-content auto;}
#ship6 sh2 {order:1; min-width:250px; min-height:100px;}

/* блок текста */
#ship6 sh3 {order:2; box-sizing:border-box; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px;
    line-height: 120%;
    font-size: 11px;
    min-height:64px;  
    min-width:200px; 
}

/* аватар */
#ship6 ava {order:1; display:block; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); background-position:50% 50%; background-size:cover;
    outline-offset:5px;
    margin:6px;
    width:100px; 
    height:100px;
}

/* никнейм */
#ship6 ava2 {order:2; padding: 10px; box-sizing:border-box; min-width:90px; max-width:180px; font-size:10px;}
#ship6 ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
}

#ship6 ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
#ship6 .sh1:nth-child(2n) sh3 {order:-1;}
#ship6 .sh1:nth-child(2n) ava2 {order:-1; text-align:right;}
#ship6 .sh1:nth-child(2n) ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
#ship6 .sh1:nth-child(2n) sh2 {grid-template-columns: auto min-content;}
</style><div id="ship6"><!-- НАЧАЛО -->

<!-- ПЕРВЫЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/28130.jpg);"></ava><ava2>
   <em><a href="#">Сол Сильва (Придержан)</a></em>
Robert James-Collier, директор Красного Фонтана 
   </ava2></sh2><sh3> Директор специалистов в школе Красный фонтан и преподаватель фехтования. Является наставником короля Эраклиона Ская и лучшим другом покойного короля Эраклиона Андреаса.
   </sh3></div>


<!-- ВТОРОЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/35166.png);"></ava><ava2>
   <em><a href="#"> Кодаторта</a></em>
Jason Momoa, преподаватель Красного фонтана 
   </ava2></sh2><sh3>
Учитель боевых искусств в Красном фонтана. Отец одной из фей Алфеи.
   </sh3></div>


<!-- ТРЕТИЙ -->
   <div class="sh1"><sh2><ava style="background-image:url(http://forumstatic.ru/files/001b/37/db/26346.jpg);"></ava><ava2>
   <em><a href="#">Андреас</a></em>
Ken Duken, король Эраклиона, выпускник Красного фонтана
   </ava2></sh2><sh3>
Считается покойным королем Эраклиона, который погиб при уничтожении Астер Делла. Приемный отец феи Беатрикс. 
   </sh3></div>


<!-- КОНЕЦ --><div>