[html]<div class="anketa">
<div id="info">
<blok>
<img src="http://forumavatars.ru/img/avatars/001b/cf/4e/2-1676471754.jpg"> <span>внешность</span>
</blok>
<blok>
<name>Имя фамилия персонажа</name>
<date><z>Дата рождения:</z> 12.05.1990</date>
<prof><z>род деятельности:</z> министр пропаганды и культурного развития Лас Лагунас</prof>
<born><z>Место рождения:</z> страна, город</born>
<owl><z>связь с вами:</z> почта, тг, вк</owl>
</blok>
</div>
<div id="bio">
<zag>Биография и характер</zag>
<text>Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.<br><br>
Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.<br><br>
Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.<br><br>
Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.<br><br>
Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.<br><br>
Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.<br><br>
Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.<br><br>
Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.<br><br>
Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.</text>
</div>
</div>
<style>
.anketa {
background: url(http://forumstatic.ru/files/001b/cf/4e/35651.jpg) top center repeat-y;
min-height: 600px;
width: auto;
border: 1px solid #af914b;
position: relative;
text-align: center;
box-shadow: 0px 0px 100px #000 inset, 0px 0px 5px #8b887a;
margin: 5px;
padding-bottom: 5px;
}
#info {
display: flex;
flex-direction: row;
border: 1px solid #856928;
border-width: 1px 0;
padding: 20px 20px 20px 40px;
background: #00000078;
flex-wrap: nowrap;
color: #cfccbb;
gap: 0 20px;
align-items: center;
}
#info blok name {
display: block;
text-align: left;
font-family: playfair display sc;
font-size: 17px;
font-weight: 500 !IMPORTANT;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
color: #e3b447cc !important;
transition-duration: 1s;
background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
letter-spacing: .5px;
text-transform: uppercase;
}
#info blok name:before {
content: ' ';
background: #cca13c;
width: 400px;
position: absolute;
height: 1px;
margin: 30px 0px 0px -26px;
}
#info blok date {
display: block;
text-align: left;
margin-top: 20px;
font-family: 'Roboto';
}
#info blok date z {
text-align: left;
font-family: playfair display sc;
font-size: 14px;
font-weight: 500 !IMPORTANT;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
color: #ddd6c7cc !important;
transition-duration: 1s;
background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
letter-spacing: .5px;
text-transform: uppercase;
}
#info blok prof {
display: block;
text-align: left;
margin-top: 10px;
font-family: 'Roboto';
}
#info blok prof z {
text-align: left;
font-family: playfair display sc;
font-size: 14px;
font-weight: 500 !IMPORTANT;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
color: #ddd6c7cc !important;
transition-duration: 1s;
background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
letter-spacing: .5px;
text-transform: uppercase;
}
#info blok owl {
display: block;
text-align: left;
margin-top: 10px;
font-family: 'Roboto';
}
#info blok owl z {
text-align: left;
font-family: playfair display sc;
font-size: 14px;
font-weight: 500 !IMPORTANT;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
color: #ddd6c7cc !important;
transition-duration: 1s;
background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
letter-spacing: .5px;
text-transform: uppercase;
}
#info blok born {
display: block;
text-align: left;
margin-top: 10px;
font-family: 'Roboto';
}
#info blok born z {
text-align: left;
font-family: playfair display sc;
font-size: 14px;
font-weight: 500 !IMPORTANT;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
color: #ddd6c7cc !important;
transition-duration: 1s;
background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
letter-spacing: .5px;
text-transform: uppercase;
}
#info blok img {
border: 1px solid #cea33d;
border-radius: 100%;
width: 180px;
height: 180px;
}
#info blok span {
display: block;
font-family: 'Roboto';
margin-top: 8px;
}
#bio {
color: #cfccbb;
font-family: 'Roboto';
margin: 20px 30px 30px 30px;
min-height: 300px;
text-align: justify;
}
#bio zag {
display: block;
text-align: center;
font-family: playfair display sc;
font-size: 17px;
font-weight: 500 !IMPORTANT;
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
color: #e3b447cc !important;
transition-duration: 1s;
background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
letter-spacing: .5px;
text-transform: uppercase;
}
#bio text {
display: block;
line-height: 16px;
min-height: 270px;
padding-right: 10px;
margin-top: 10px;}
::-webkit-scrollbar {
width: 5px;
height: 6px;
background-color: #0f0e0c;
}
::-webkit-scrollbar-thumb {
background-color: #a17b21;
border: 1px solid #8f6f25;
}
</style>
[/html]
