[hideprofile]
[html]<div class="rabbit-news">
<div class="news-name"><span></span> хочу к вам</div>

<div class="news-block">
<img src="https://forumstatic.ru/files/001c/37/ca/67505.png">
<p class="news-text">Наш форум открыт для всех желающих и мы всегда рады протянуть тебе руку помощи, если ты затрудняешься с выбором или не знаешь, как да куда вписать своего прекрасного персонажа. Оформление остаётся в свободной форме, но чем подробнее будет расписана идея и пожелания, тем быстрее мы подберём подходящие варианты и вместе накидаем пути развития событий для персонажа.</p>
</div>

</div>
</div>

<style>
.rabbit-news {
    width: 700px;
    margin: auto;
    padding: 25px;
    background: url(https://forumstatic.ru/files/001c/37/ca/42130.png) center no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 20px;
    border: 1px solid #984749;
    margin-top: 30px;
}

.news-name {
    color: #EFEAE0;
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 200;
    position: absolute;
    padding: 10px 25px;
    background: #150B13;
    border: 1px solid #a69167ab;
    border-radius: 25px;
    top: -29px;
}

.news-name span {
    font-family: Almendra;
    color: #A69167;
    font-size: larger;
}

.news-auth {
    margin-top: 5px;
    display: flex;
    gap: 10px;
    color: #D5D5D5;
    font-family: 'Almendra';
    justify-content: end;
    font-size: 19px;
}

.news-auth a {
    color: #D5D5D5 !important;
    font-style: italic !important;
    font-weight: 200 !important;
}

.news-auth span {
    font-family: Playfair Display SC;
    font-size: 35px;
}

.news-block {
    padding: 25px;
    background: #B2B2B2;
    border-radius: 25px;
    text-align: center;
    border: 1px solid #A69167;
}

.news-block img {
    width: 474px;
    height: 60px;
    object-fit: cover;
    border-radius: 20px;
    border: 1px solid #984749;
    margin-bottom: 10px;
}

p.news-text {
    text-align: justify;
    padding: 10px !important;
    font-size: 14px !important;
}

p.news-text:first-letter {
    font-family: Playfair;
    color: #984749;
    font-size: 55px !important;
}

.news-top {
    margin-top: 5px;
    display: flex;
    gap: 10px;
    color: #D5D5D5;
    font-family: 'Almendra';
    justify-content: end;
    font-size: 19px;
    font-style: italic;
    font-weight: 200;
}

.news-top span {
    font-family: Playfair Display SC;
    font-size: 35px;
}

.ntop-list {
    display: flex;
    justify-content: space-between;
    width: 635px;
    margin-left: 3em;
}

.ntop-left {
    width: 255px;
    text-align: center;
}

.nl-it {
    margin-bottom: 25px;
    background: #150B13;
    padding: 25px;
    border-radius: 20px;
    border: 1px solid #a69167b3;
}

.nl-name {
    background: url(https://forumstatic.ru/files/001c/37/ca/86135.png?) center no-repeat;
    height: 27px;
    margin-top: -40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nl-a {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.nl-a a {
    border: 1px solid #A69167;
    border-radius: 100%;
}

.nl-a img {
    border-radius: 100%;
    filter: grayscale(1);
}

.nl-a img:hover {
    filter: grayscale(0);
}

.ntop-right {
    width: 328px;
    display: flex;
    color: #D5D5D5;
    flex-direction: column;
    gap: 25px;
    text-align: center;
}

.nr-epa a {
    color: #C8B388 !important;
    font-family: Almendra;
    font-weight: 300 !important;
    font-size: 15px;
}

.nr-epa a:hover {
    color: #D5D5D5 !important;
}

.nr-episod {
    width: 326px;
    height: 25px;
    background: #010101;
    border: 1px solid #7B4748;
    border-radius: 20px;
    margin-bottom: 5px;
}

.nr-episod a {
    color: #D5D5D5 !important;
    font-size: 15px;
    font-weight: 300 !important;
    font-style: italic;
}

.nr-episod a:hover {
    color: #c5a472 !important;
}

.nr-epa {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.nr-epa span {
    font-family: Playfair Display SC;
    font-size: 28px;
    vertical-align: text-top;
}

.nr-bp {
    background: #010101;
    padding: 15px;
    border: 1px solid #7B4748;
    border-radius: 20px;
    margin-top: 10px;
}

.nr-post span {
    font-family: 'Almendra';
    font-style: italic;
}

.nr-post a {
    font-family: 'Almendra';
    color: #C8B388 !important;
    font-size: 15px;
}

.nr-post a:hover {
    color: #D5D5D5 !important;
}
</style>
[/html]