[html]<style>#stardust_obshee .usloviya {
position: relative;
width: 564px;
min-height: 45px;
height: auto;
background: rgb(var(--white));
border: 1px solid rgb(var(--mr_grey_lighter) /.5);
border-radius: 15px;
padding: 24px;
font: var(--p2);
margin: -15px 0 0 0;
}
#stardust_obshee .ush {
width: 146px;
height: 29px;
background: rgb(var(--white));
border: 1px solid rgb(var(--mr_grey_lighter) /.8);
border-radius: 37px;
display: grid;
justify-items: center;
align-items: center;
margin: -40px auto 0 auto;
}
#stardust_obshee .usscroll {
margin: 22px 0 0 0;
text-align: left;
}
#stardust_obshee .shari {
display: inline-flex;
margin: 7px 3.5px 0 0;
justify-content: space-between;
}
#stardust_obshee .shc1 {
width: 149px;
height: 450px;
background: rgb(var(--white));
border: 1px solid rgb(var(--mr_grey_lighter) /.5);
border-radius: 15px;
padding: 24px;
justify-items: center;
align-items: start;
}
#stardust_obshee .shkartinka {
position: relative;
margin: 0 auto;
text-align: center;
}
#stardust_obshee .shh {
box-sizing: border-box;
width: 153px;
height: 28px;
background: rgb(var(--pun));
border: 1px solid rgb(var(--mr_grey_lighter) /.5);
border-radius: 31px;
display: grid;
align-items: center;
justify-items: center;
margin: 16px 0 0 0;
position: relative;
}
#stardust_obshee .shh1 {
text-align: center;
font: var(--h3);
font-size: 9px;
letter-spacing: 0.3px;
}
#stardust_obshee .shp {
font: var(--p2);
margin: 11px 0 0 0;
position: relative;
line-height: 145%;
}
#stardust_obshee .doit {
font: var(--p2);
bottom: 120px;
text-align: left;
line-height: 145%;
width: 153px;
position: absolute;
height: 150px;
}
#stardust_obshee .shpresent {
font: var(--p2);
position: absolute;
text-align: center;
width: 148px;
bottom: 45px;
height: 50px;
}
</style>
<div id="stardust_obshee">
<div class="mag1"><div class="magb">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="magbb" d="M15.654 6.44583C15.5832 4.0375 13.6707 2.125 11.2623 2.125C10.4832 2.125 9.279 2.69167 8.78317 3.6125C8.71234 3.825 8.429 3.825 8.35817 3.6125C7.7915 2.7625 6.65817 2.19583 5.80817 2.19583C3.47067 2.19583 1.48734 4.10833 1.4165 6.44583V6.51667V6.5875C1.4165 7.79167 1.91234 8.925 2.76234 9.775C2.76234 9.775 2.76234 9.775 2.76234 9.84583C2.83317 9.91667 6.23317 12.8917 7.7915 14.2375C8.2165 14.5917 8.854 14.5917 9.279 14.2375C10.8373 12.8917 14.1665 9.91667 14.3082 9.84583C14.3082 9.84583 14.3082 9.84583 14.3082 9.775C15.1582 8.99583 15.654 7.8625 15.654 6.5875V6.44583Z" fill="#BDBDBD"/>
</svg>
</div><div class="magbt">шатер гадалки</div></div>
<div class="mag2"><div class="magtxt">таинственная мелодия ведет вас прямо к шатру, скрытому от любопытных глаз. судьба подмигивает вам прямиком из блестящих магических шаров — магнитом притягивает ближе, показывая небольшие отрывки из вашего недалекого будущего. перед вами три возможных пути и непростой выбор — один из шаров сулит удачу, другой — обещает богатство, а третий — раскроет тайну вечной любви. <br> прислушайтесь к своим внутренними ощущениями и желаниям, следуйте предписаниям — и увиденное обязательно сбудется
<br>
<br> <br> </div>
<div class="usloviya">
<div class="ush">
условия участия
</div>
<div class="usscroll">
— выбрать один из магических шаров;<br>
— оставить сообщение в теме со своим выбором и чек лист, дополняя его доказательствами выполнения условий судьбы;
</div>
</div>
<div class="shari">
<div class="shc1">
<div class="shkartinka"><img src="https://i.imgur.com/DciVsi3.png"></div>
<div class="shh"><div class="shh1">редкая удача</div></div>
<div class="shp">вселенная дарит вам невероятную возможность раскрыть в себе суперсилу и заключить вечный союз с фортуной, вот только для этого нужно пойти на риск:
</div>
<div class="doit">— поставить 10 плюсов в репутацию с вопросом "орел или решка?"<br>
<br>— поставить 10 'это интересно'<br>
<br>— собрать 7 плюсов на одно сообщение<br>
<br>— написать 15 сообщений, вместо пробелов ставя клевер<br>
<br>— "поймать" красивое число в профиле у троих людей</div>
<div class="shpresent"><b>приз</b><br>
<font style="color: rgb(var(--accent));">бокс-сюрприз*</font></div>
</div>
</div>
<div class="shari">
<div class="shc1">
<div class="shkartinka"><img src="https://i.imgur.com/CBcEfWE.png"></div>
<div class="shh"><div class="shh1">денежный мешок</div></div>
<div class="shp">вы слышите эти звуки? шелест банкнот только из банкомата, приятный звон монеток — и все они магнитом притягиваются в ваш бумажник, вот только деньги любят порядок и счет:
</div>
<div class="doit">— оставить 15 реклам<br>
— написать 10 сообщений, рассуждая о том, на что лучше потратить первый миллион<br>
<br>— сходить в банк, чтобы потратить/получить валюту<br>
<br>— проставить 30 плюсов<br>
<br>— носить аватарку/подпись с любой банкнотой сутки</div>
<div class="shpresent"><b>приз</b><br>
<font style="color: rgb(var(--accent));">550 пк</font></div>
</div>
</div>
<div class="shari">
<div class="shc1">
<div class="shkartinka"><img src="https://i.imgur.com/zOJQafg.png"></div>
<div class="shh"><div class="shh1">настоящая любовь</div></div>
<div class="shp">чувство любви всегда приходит внезапно, а встреча с той самой — взаимной — и вовсе редкость, но ваша судьба уже совсем рядом. чтобы не упустить ее, нужно смотреть в оба и открыть свое сердце:
</div>
<div class="doit">— поставить 10 плюсов в репутацию с комплиментами<br>
<br>— составить плейлист для идеального первого свидания<br>
<br>— оставить 5 заявок в "хочу видеть"<br>
<br>— надеть аватар со своим крашем на сутки<br>
<br>— подарить 15 плюсов одному человеку<br>
</div>
<div class="shpresent"><b>приз</b><br>
<font style="color: rgb(var(--accent));">плашка/иконка на выбор из магазина*</font></div>
</div>
</div>
</div>[/html]
