[html]<div class="anketa"><name>cole hoult | коул холт</name>
<info><img src="https://forumupload.ru/uploads/0019/85/04/27/941761.gif"> <facts><one>16.08.2005</one>
<one>ванкувер, канада, университет эшборн</one>
<one>студент</one>
<one>herman tømmeraas</one>
<one>аделина холт - сестра</one></facts></info>
<opisanie>тут просто текст анкеты.</opisanie>
<vibe>три дня дождя - беги от меня
<audio src="https://forumstatic.ru/files/0019/85/04/27142.mp3" controls="" style="width: 100%; height: 10px;margin-top: 0px;"></audio>
</vibe></div>

<style>
.anketa {
    width: 92%;
    background: var(--fonpoforum);
    padding: 20px;
    border: 1px solid var(--fonsob);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
name {
    width: calc(100% - 42px);
    display: flex;
    background: var(--kr);
    padding: 15px;
    color: var(--telo);
    text-transform: uppercase;
    font-weight: 700;
    font-family: inter;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}
info {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: calc(100% - 42px);
    gap: 25px;
    justify-content: center;
}
.anketa img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border: 10px solid var(--telo);
    outline: 1px solid var(--fonsob);
}
facts {
    width: 70%;
    float: right;
    height: 160px;
    border: 10px solid var(--telo);
    outline: 1px solid var(--fonsob);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
gap: 3px;
overflow: auto;
}
one {
    display: flex;
    background: var(--kr);
    border: 1px solid var(--fonsob);
    color: var(--telo);
    font-family: inter;
    text-transform: uppercase;
    font-size: 11px;
    align-items: center;
    justify-content: center;
    padding: 7px;
}
opisanie {
    width: calc(100% - 50px);
    background: var(--telo);
    padding: 2px 9px 2px 9px;
    border: 8px solid var(--telo);
    outline: 1px solid var(--fonsob);
    font-family: inter;
    max-height: 350px;
    overflow-x: hidden;
    text-align: justify;
}
vibe {
    width: calc(100% - 42px);
    display: flex;
    background: var(--kr);
    padding: 15px;
    color: var(--telo);
    text-transform: uppercase;
    font-weight: 700;
    font-family: inter;
    font-size: 9px;
    align-items: center;
    justify-content: center;
}
.anketa opisanie::-webkit-scrollbar{
display: none;}

.anketa facts::-webkit-scrollbar{
display: none;}
</style>[/html]