[html]<style>
/* большие новости */

section.autumnnews {
width: 800px;
height: 432px;
    margin: auto !important;
    background-image: url(https://forumstatic.ru/files/001c/a5/43/88528.png);
    box-sizing: border-box;
    padding: 67px 30px 30px;
    position: relative;
}

section.autumnnews * {
    box-sizing: border-box;
    scrollbar-gutter: stable;
}
section.shortnews a,
section.autumnnews a {
    color: rgb(237 231 224) !important;
}
section.shortnews a:hover,
section.autumnnews a:hover {
    color: white !important;
}

section.autumnnews section.headchars a {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    border: 3px solid rgb(149 134 111);
}

section.autumnnews section.headchars.charwriters {
    top: 177px;
    left: -18px;
    flex-direction: column;
}

section.autumnnews section.headchars.charactive {
    top: -18px;
    left: 578px;
    flex-direction: row;
}

section.autumnnews .headcouple {
   position: absolute;
    width: fit-content;
    height: 20px;
    box-sizing: border-box;
    display: flex;
    gap: 5px;
    top: 208px;
    font-family: 'Playfair Display';
    font-size: 12px;
    left: calc(50% - 244px);
    transform: translateX(-50%);
    padding: 0 8px;
    justify-content: flex-start;
    color: rgba(218, 209, 198, 1) !important;
    border: 1px solid rgba(75, 89, 97, 0.8);
    background: rgba(49, 51, 50, 0.4);
    border-radius: 50px;
}

section.autumnnews  .headcouple::before {
    content: 'the lovers';
    position: absolute;
    width: max-content;
    font-family: Demonstars;
    font-weight: 400;
    font-size: 15px;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
    color: white;
}

section.autumnnews .headpost {
    position: absolute;
    width: 223px;
    height: 25px;
    display: flex;
    gap: 0px 6px;
    top: 271px;
    left: 45px;
    justify-content: center;
    flex-wrap: wrap;
    color: rgba(218, 209, 198, 1) !important;
    align-content: center;
    align-items: center;
}

section.autumnnews section.headchars.charactive a ttl {
    width: max-content;
    opacity: 0;
    pointer-events: none;
    background: rgb(26 26 26 / 60%);
    color: white;
    font: 400 11px var(--font-cat-title);
    text-transform: lowercase;
    padding: 3px 11px 5px;
    line-height: 1;
    border-radius: 5px;
    font-style: italic;
    position: absolute;
    left: 50%;
    backdrop-filter: blur(4px);
    transform: translateX(-50%);
    top: 41px;
    transition: .3s ease;
}

section.autumnnews section.headchars a:hover ttl {
    opacity: 1;
}

section.autumnnews .headlinks {
    position: absolute;
    width: 223px;
    height: 21px;
    display: flex;
    gap: 0px;
    top: 337px;
    left: 45px;
    justify-content: center;
    flex-wrap: wrap;
    color: rgba(218, 209, 198, 1) !important;
}

section.autumnnews >  span {
    color: rgba(218, 209, 198, 1) !important;
    display: block;
    position: absolute;
    top: 293px;
    left: 60px;
    font-size: 10px;
    width: 230px;
    padding-right: 5px;
    height: 55px;
    overflow: auto;
}

section.autumnnews h5 {
    font-family: Inter;
    font-weight: 300;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 20px;
    text-transform: uppercase;
    color: rgba(224, 222, 220, 1);
}

section.autumnnews .admintag {
    width: fit-content;
    height: 33px;
    top: 70px;
    right: 55px;
    padding: 6px 30px;
    border-radius: 20px 20px 0 0;
    background: rgba(179, 183, 187, 0.48);
    box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.25);
    color: rgba(240, 240, 240, 1);
    font-family: var(--font-cat-title);
    font-style: italic;
    font-size: 14px;
    position: absolute;
}

section.autumnnews .admintag a {
width: 107px;
height: 110px;
background-image: url(https://forumstatic.ru/files/001c/a5/43/67578.png);
z-index: 2;
position: absolute;
top: -2px;
right: -60px;
}

section.autumnnews .admintag a img {
    width: 50px;
    height: 52px;
    object-fit: cover;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    left: 25px;
}

section.autumnnews .news-wrapper {
    width: 277px;
    height: 266px;
    font-size: 12px;
    overflow: auto;
    padding-right: 5px;
    position: absolute;
    top: 108px;
    left: 393px;
    color: rgba(218, 209, 198, 1);
    white-space: pre-line;
}

section.autumnnews .news-links {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 424px;
    left: 335px;
}

section.autumnnews .news-links a {
padding: 3px 20px 3px;
    margin-right: 5px;
    cursor: pointer;
    background: rgba(179, 183, 187, 0.48);
    border: 0;
    border-radius: 50px;
    line-height: 1;
    transition: background 0.3s;
    color: rgba(240, 240, 240, 1);
    font-family: var(--font-cat-title);
    font-style: italic;
    font-size: 14px;
    backdrop-filter: blur(2px);
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: .3s ease;
}

section.autumnnews .news-links a:hover {
    background: rgba(232, 211, 189, 0.48);
    color: rgba(240, 240, 240, 1) !important;
}

section.autumnnews section.headnews {
    position: absolute;
    top: 413px;
    left: 0px;
    width: 800px;
    height: 42px;
    z-index: 5;
    display: block;
}

</style>

<section class='autumnnews'>

    <!-------- ПОСТ НЕДЕЛИ ------------------------------------------------------------------------------>
   
    <section class='headpost'>

<a href='https://vespera.rusff.me/viewtopic.php?id=329#p51193'>mitica loveridge</a>

</section>
   
    <!-------- ЭПИЗОД НЕДЕЛИ ------------------------------------------------------------------------------>
   
<section class='headlinks'>

<a href='https://vespera.rusff.me/viewtopic.php?id=191#p22898'>моя вина</a></section>
   

<!-------- ПАРА НЕДЕЛИ ------------------------------------------------------------------------------>

<section class='headcouple'>

<a href='#'>name surname</a> & <a href='#'>name surname</a>

</section>
   
    <!-------- ИГРОКИ НЕДЕЛИ ------------------------------------------------------------------------------>
    <section class='charlist headchars charactive'>
   
    <a href="https://vespera.rusff.me/profile.php?id=158"><img src='https://upforme.ru/uploads/001c/be/6e/3/661668.gif'><ttl>натали</ttl></a>
    <a href="https://vespera.rusff.me/profile.php?id=116"><img src='https://upforme.ru/uploads/001c/be/6e/3/502502.gif'><ttl>митика</ttl></a>
    <a href="https://vespera.rusff.me/profile.php?id=20"><img src='https://upforme.ru/uploads/001c/be/6e/3/577999.gif'><ttl>калеб</ttl></a>
    <a href="https://vespera.rusff.me/profile.php?id=136"><img src='https://upforme.ru/uploads/001c/be/6e/3/379291.gif'><ttl>кристиан</ttl></a>
   
    </section>
   
    <!-------- ПОСТОПИСЦЫ НЕДЕЛИ ------------------------------------------------------------------------------>
    <section class='charlist headchars charwriters'>
   
    <a href="https://vespera.rusff.me/profile.php?id=149"><img src='https://upforme.ru/uploads/001c/be/6e/3/968126.gif'><ttl>сэм, 2 поста</ttl></a>
    <a href="https://vespera.rusff.me/profile.php?id=148"><img src='https://upforme.ru/uploads/001c/be/6e/3/713199.gif'><ttl>валериан, 2 поста</ttl></a>
    <a href="https://vespera.rusff.me/profile.php?id=12"><img src='https://upforme.ru/uploads/001c/be/6e/3/21185.gif'><ttl>блэр, 2 поста</ttl></a>
    <a href="https://vespera.rusff.me/profile.php?id=135"><img src='https://upforme.ru/uploads/001c/be/6e/3/656647.gif'><ttl>майлз, 2 поста</ttl></a>
   
    </section>
   

   
    <!----------- ТЕЛО НОВОСТИ (работает перенос энтером) ------------------------------------------>
   
    <div class='news-wrapper'>нам месяц!
    всем составом амс мы поздравляем вас с нашим перым днём рождения и безумно благодарны за то, что выбрали нас! и, разумеется, мы к вам не с пустыми руками!
    1. <a href='https://vespera.rusff.me/viewtopic.php?id=357'>комплекты: нам 1 месяц</a> — новые и свеженькие комплекты оформлений, к которым также прилагаются авторские аватарки в честь дня рождения!
    2. <a href='https://vespera.rusff.me/viewtopic.php?id=359'>эстетика: день рождения</a> — самое время поделиться, каким бы был день рождения вашего персонажа!
    3. <a href='https://vespera.rusff.me/viewtopic.php?id=358'>бинго: ароматы</a>  — новые хэдканоны о ваших персонажах, на этот раз про то, какие ароматы им нравятся, а какие — нет.
    4. <a href='https://vespera.rusff.me/viewtopic.php?id=360'>лимитированные ачивки: нам 1 месяц</a> — лимитированные ачивки, которые можно получить только до 06.09 по знаку зодиака вашего персонажа.
    5. <a href='https://vespera.rusff.me/viewtopic.php?id=361'>делаем тортик</a> — первый ивент на командную работу, где вам предлагается сделать тортик ко дню рождения весперы, выполняя простенькие задания!
    так что празднуем на полную катушку!
   
    также у нас планируется завтра чистка, спешите поднять свою активность!
    на этом всё! всех крепко обнимаем!
   
    с днем рождения, веспера!
    </div>
   
<section class='headnews'><div>

<!------ блочок новостей ---------------------------------->
    <div><a href='https://vespera.rusff.me/viewtopic.php?id=129#p52183'>
        <date>21.09</date>
        <l1>итоги недели:</l1>
<l2>тёплая осень</l2>
    </a></div>

<!------ блочок новостей ---------------------------------->
    <div><a href='https://vespera.rusff.me/viewtopic.php?id=395#p52184'>
        <date>21.09</date>
        <l1>фотоальбом:</l1>
<l2>что такое осень</l2>
    </a></div>

<!------ блочок новостей ---------------------------------->
    <div><a href='https://vespera.rusff.me/viewtopic.php?id=390'>
        <date>13.09</date>
        <l1>пусть говорят:</l1>
<l2>о любви</l2>
    </a></div>

<!------ блочок новостей ---------------------------------->
    <div><a href='https://vespera.rusff.me/viewtopic.php?id=391'>
        <date>13.09</date>
        <l1>эстетика:</l1>
<l2>свадебная</l2>
    </a></div>

</div>
   
    </section>
    [/html][hideprofile]