[hideprofile][html]<div class="guest_name">Добро пожаловать!</div>
<div class="guest">
    <div class="guest_info">
<!--вещий дух-->
<div class="spiritbox">
  <div class="spirit_pic"><img src="https://media.tenor.com/ehhPEiEipasAAAAM/olhar-da-gata.gif"></div>
  <div class="spirit_title">Sugarpie
<div class="spirit_subtitle">администратор</div></div>
  <div class="spirit_txt"><div>
Отвечу на все вопросы, напою вкусненьким и в обиду не дам. ♥<br>
контакт: may_alonae (tg)
</div>
</div>
</div>

<style>
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Play:400,700&subset=cyrillic');

.spiritbox {width: 220px;
height: 146px;
overflow: hidden;
position: relative;
display: block;
margin: auto}

.spirit_pic {width: 220px;
height: 146px;
transition: all 0.7s ease-in-out 0s}

.spirit_pic img {
max-height: 146px;}

.spirit_title {width: 20px;
position: absolute;
text-align: center;
margin-top:-90px;
font-family: oswald;
font-size: 16px;
font-weight: 700;
margin-left:20px;
color: #dbccd3;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
transition: all 0.7s ease-in-out 0s;
background: radial-gradient(ellipse at center, rgba(0,0,0,.8) 30%, rgba(255,255,255,0) 70%);
height: 55px}

.spirit_subtitle {box-shadow: 0 -2px 0 0 #999;
text-align: center;
font-family: play;
font-size: 8px;
font-weight: 200;
color: #dfdfdf;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
padding-top: 2px;
margin-top: 5px}

.spirit_txt {width: 210px;
height: 90px;
text-align: justify;
font-family: tahoma;
font-size: 10px;
margin-top: 0px;
position: absolute;
background-color: rgba(255,255,255,0.8);
line-height: 11px;
margin-left: 18px;
opacity: 0;
transition: all 0.7s ease-in-out 0s;}

.spirit_txt div {
overflow-y: auto;
padding-right: 13px;
  margin: 7px 7px;
  height: 54px
}

.spirit_txt div::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: transparent;}

.spirit_txt div::-webkit-scrollbar-thumb {
  background-color:#333;
  width:6px !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset;
}

.spiritbox:hover .spirit_pic {filter: grayscale(100%) blur(2px);
transform: scale(1.2)}

.spiritbox:hover .spirit_title {margin-top: -150px}
.spiritbox:hover .spirit_txt {margin-top: -110px;
opacity: 1}</style>
<p></p>
<p></p>
        <p>В этой теме можно придержать роль или внешность, задать вопросы администрации или просто поделиться теплыми словами с игроками или АМС. Игроки могут отвечать в этой теме только если обращение с вопросом по их акции.</p>
<p>Роли и внешности придерживаются на неделю, возможно продление брони.</p>
    </div>
    <hr/>
    <div class="guest_face">
        <div class="guest_man">
            <span>придержанные внешности</span>
<p></p>
            ►  tighnari - Genshin Impact  - <a href="https://resurgence.rolka.me/profile.php?id=20">Newt Fox</a> до 18.06<br/>
         
        </div>

        <div class="guest_girl">
            <span>придержанные роли</span>
<p></p>
            ► роль- <a href="">ник</a> до<br/>
► роль- <a href="">ник</a> до<br/>
► роль- <a href="">ник</a> до<br/>
        </div>
    </div>
    <div class="guest_rule">

    </div>
</div>
<div class="guest_star"><img src=""/></div>

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

.guest_name {
    font: 400 25px Сentury Gothic;
    text-align: center;
    display: block;
    background: #ff80b5;
    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: 13px;
       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: 12px;
    background: #f1e4ea;
    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>
<hr class="hr-horizontal-gradient">

<hr class="hr-shadow">

<style>
.hr-shadow {
margin: 20px 0;
padding: 0;
height: 10px;
border: none;
border-top: 1px solid #ff248a;
box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
</style>[/html]