[html]<style>
.guestroom {
width: 770px;
height: 530px;
background: #323232;
padding: 14px;
margin: 0px auto;
border-radius: 16px;
overflow: hidden;
}
.guestroom-text {
width: 710px;
height: 30px;
padding: 14px;
color: #EBEBE9;
font-weight: 600px;
}
.guestroom-art {
display: grid;
grid-template-columns: auto auto auto auto auto;
justify-content: center;
position: relative;
padding: 15px;
width: 710px;
height: 175px;
color: #EBEBE9;
font-weight: 400px;
gap: 5px;
text-align: center;
}
.name_oblako {
background: #9574e9;
width: 177px;
padding: 1px;
border-radius: 6px;
font-weight: 700px;
}
.name_oblako_text {
background: #323232;
width: 178px;
padding: 1px;
font-weight: 100px;
margin-top: -11px;
}
.guestroom_table {
width: 400px;
height: 104px;
display: inline-block;
justify-content: center;
position:relative;
text-align: left;
overflow-y: scroll;
overflow-x: hidden;
padding: 1px;
font-weight: 400;
margin-left: 10px;
margin-top: 25px;
left: 1.5%;
background: #323232;
line-height: 1.5;
}
.name_zanyat_oblako {
background: #EBEBE9;
color: #323232;
columns: 380px auto;
border-radius: 6px;
font-weight: 600px;
padding: 3px;
}
.guestroom_knopka {
width: 248px;
display:flex;
justify-content:center;
align-items:center;
text-decoration: none;
margin: 0px auto;
margin-top: 45px;
margin-left: 255px;
padding: 4px;
position: absolute;
font-weight: 900px;
border-radius: 11px;
background: #9574E9;
color: #EBEBE9;
text-align: center;
}
.pravila_gr {
width: 370px;
padding: 14px;
color: #767676;
font-weight: 600px;
display:flex;
justify-content:center;
margin-top: -125px;
margin-left: 400px;
}
.right_obj {
text-align: right;
float: right;
}
.guestroom_table::-webkit-scrollbar {
width: 5px;
background: none !important;
border: none !important;
}
.guestroom_table::-webkit-scrollbar-track {
display: none;
}
.guestroom_table::-webkit-scrollbar-thumb {
background: #9574E9!important;
height: 1px;
border-radius: 16px;
}
</style>
<div class="guestroom">
<div style="font-family: 'Montserrat'; font-size: 40px; text-align: center; color: #EBEBE9;">ХЭЛЛОУ МАЙ ФРЕНД</div>
<div class="guestroom-text">
<div style="font-size: 12px; text-align: center; color: #EBEBE9;">задавайте вопросы, бронируйте всякое, наводите суету<br>
в этом вам поможет наша команда bts, вот они слева направо:
</div>
<div class="guestroom-art">
<div><img src="https://forumupload.ru/uploads/001c/19/84/4/703977.png"><br>
<div class="name_oblako"><font size="2">ARTHUR HUNT</font></div><br>
<div class="name_oblako_text">батя в здании, по всем вопросам. тг @me_apathy</div></div>
<div><img src="https://forumupload.ru/uploads/001c/19/84/4/767653.png"><br>
<div class="name_oblako"><font size="2">MATVEY TROYANOV</font></div><br>
<div class="name_oblako_text">лор, анкеты, организация. тг @savahates</div></div>
<div><img src="https://forumupload.ru/uploads/001c/19/84/4/629955.png"><br>
<div class="name_oblako"><font size="2">TU MORROW</font></div><br>
<div class="name_oblako_text">каджит-торговка</div></div>
<div><img src="https://i6.imageban.ru/out/2024/03/27/b9f1690b8cbc2e312c9ee059f7166429.png"><br>
<div class="name_oblako"><font size="2">VIOLET GARCIA</font></div><br>
<div class="name_oblako_text">квесты, организация, лечение по омс</div></div>
</div>
<div class="guestroom_table">
<div class="name_zanyat_oblako"><font size="1">БРОНИРОВАНИЕ</font><div class="right_obj"><font size="1">НА 5 ДНЕЙ, ПРОДЛЕВАТЬ МОЖНО 3 РАЗА</font></div></div>
<div style="font-family: 'Montserrat'; font-size: 12px;">
golden kamuy — tokushirou tsurumi за xavier до 8.05<br>
sailor moon — usagi tsukino за penelope до 8.05<br>
keullaudeu — baek hyeonun за cowplant до 8.05<br>
windbreaker — shelly за phoebe moore до 15.05<br>
windbreaker - noah за luna moore до 15.05
</div>
</div>
<a href="https://poisondrop.rusff.me/viewtopic.php?id=35#p245"><div class="guestroom_knopka">
<div style="font-size: 12px; text-align: center; color: #EBEBE9;">
<b>ЛОТЕРЕЯ ДЛЯ НОВИЧКОВ</b>
</div></div></a>
<div class="pravila_gr">
<div style="font-size: 12px; text-align: left;">
<sup>01</sup> будьте на приколе, не на приколе не будьте<br>
<sup>02</sup> нормисом можно быть в меру<br>
<sup>03</sup> не обижайте, не оскорбляйте<br> не в шутку — забаним!<br>
<sup>04</sup> бан за банан<br>
</div>[/html]
[hideprofile]