[html]<div class="guest_name">ПЕРСОНАЛИИ</div>
<div class="guest">
    <div class="guest_info">
    </div>
    <hr/>
    <div class="guest_face">
        <div class="guest_man_name">МУЖЧИНЫ</div>
        <div class="guest_man">
            <a href="ссылка"><b>Имя персонажа на англ.</b></a> - имя прототипа на англ.<br/>
            <a href="ссылка"><b>Имя персонажа на англ.</b></a> - имя прототипа на англ.<br/>     
            <a href="ссылка"><b>Имя персонажа на англ.</b></a> - имя прототипа на англ.<br/>
            <a href="ссылка"><b>Имя персонажа на англ.</b></a> - имя прототипа на англ.<br/>

        </div>

        <div class="guest_girl_name">ЖЕНЩИНЫ</div>
        <div class="guest_girl">
           <a href="https://onceromclub.rusff.me/profile.php?id=6"><b>Lada</b></a> - Aleksandra Bortich<br/>
            <a href="ссылка"><b>Имя персонажа на англ.</b></a> - имя прототипа на англ.<br/>
            <a href="ссылка"><b>Имя персонажа на англ.</b></a> - имя прототипа на англ.<br/>
            <a href="ссылка"><b>Имя персонажа на англ.</b></a> - имя прототипа на англ.<br/>
        </div>
    </div>
    <div class="guest_rule">
    </div>
</div>
<div class="guest_star"><img src="https://forumupload.ru/uploads/000f/81/d6/2/470780.png"/></div>

<style>
.guest {
         width: 600px;
    margin: 0 auto;
    border: 1px solid #cccccc57;
    / background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); /
    position: relative;
}

.guest_name {
    font: 400 20px Cerulea;
    text-align: center;
    display: block;
    background: #c2b9c8;
    position: relative;
    top: 15px;
    color: #ffffff;
    z-index: 9999;
    width: 315px;
    margin: 0 auto;
    border-radius: 5px;
}

.guest_info {
       padding: 40px 70px 20px 70px;
}

.guest_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 0px 0px 5px 0px !important;
       text-align: justify;
     font-weight: normal;
        line-height: 100% !important;
}

.guest hr {
       opacity: 0.1;
    width: 300px;
    margin: 0 auto;
}

.guest_need p {
       padding: 12px 0px 5px 0px !important;
       color: #846f82;
       letter-spacing: 2px;
}

.guest_need  {
      display: none;
       text-align: center;
       padding-bottom: 20px;
}

.guest_need img {
       margin: 5px;
       margin: 5px 10px 15px 10px;
       filter: grayscale(1);
}

.guest_face {
       position: relative;
       height: 290px;
       margin-top: 31px;
}

.guest_man, .guest_girl {
       width: 230px;
    height: 250px;
    border: 1px solid #cccccc57;
    border-radius: 5px;
    position: absolute;
    font-size: 10px;
    background: #f7f7f7;
    padding: 0px 15px 9px 15px;
    overflow-x: hidden;
    overflow-y: auto;
}

.guest_man a, .guest_girl a {
       color: #372c55 !important;
}

.guest_man {
       top: 0px;
       left: 25px;
}

.guest_girl {
       top: 0px;
       right: 25px;

}

.guest_man_name, .guest_girl_name {
       position: relative;
       font-size: 14px;
    text-transform: uppercase;
       color: #846f82;
}

.guest_man_name {
       left: 74px;
       top: -11px;
}

.guest_girl_name {
       left: 367px;
       top: -28px;
}

.guest_man span, .guest_girl span {
       display: block;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;

}

.guest_girl::-webkit-scrollbar, .guest_man::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.guest_girl::-webkit-scrollbar-thumb, .guest_man::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}

.guest_girl::-webkit-scrollbar-track, .guest_man::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.guest_rule {
       padding: 0px 100px 20px 100px;
}

.guest_rule p {
       text-transform: lowercase;
    font-size: 11px;
    padding: 0px 0px 5px 0px !important;
    text-align: justify;
    color: #695c5c;
}

.guest_star {
       display: block;
    width: 60px;
    position: relative;
    margin: 0 auto;
    top: -31px;
}
</style>[/html]
[hideprofile]