body {
    background-color: lightgrey;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 13px; /* Да-да, в старом ВК всё было довольно мелким! */

}


.post {
    background-color: papayawhip;
    border-radius: 10px;
    max-width: 600px;
    margin: 15px auto;
    border: 1px solid #dae1e8;

    /* ВОТ ЭТО ВЕРНИ ОБЯЗАТЕЛЬНО: */
    padding: 20px;
}


.postmain {
    font-size: 30px;
    margin: 3px;
    padding: 1px;
}

.vkontakte-main-text {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #ADADAD;
    padding: 15px; /* Увеличим высоту шапки, чтобы буквам было просторно */
    flex-wrap: nowrap; /* Запрещаем перенос, чтобы всё стояло в ряд */
}

.vkontakte-text {
    flex-shrink: 0; /* ГЛАВНАЯ КОМАНДА: запрещает надписи уменьшаться! */
    font-size: 300%; /* Убедись, что размер прописан именно тут */
}

button {
    border-radius: 5px;
    font-size: 20px;
}

.vkontakte-main-text-B {
    background-color: #45679e;
    color: #ffffff;
    padding: 0px 8px;
    border-radius: 10px;
    margin-right: 5px;
}

.createPostName {
    width: 98.5%;
    height: 20px;
    border-radius: 5px;
    padding: 10px;
}

.createPostText {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    padding: 10px;
}

.createPostPassword {
    width: 15%;
    height: 10px;
    border-radius: 5px;
    padding: 10px;
}

.createPostButton {
    background-color: #45679e;
    color: white;
}

.vk-button {
    display: inline-block;
    background-color: #edeef0;
    border: 1px solid #adb9c7;
    padding: 5px 15px;
    border-radius: 5px;
    text-decoration: none; /* Убирает подчеркивание */
    color: #2b587a; /* Цвет текста как в ВК */
    font-size: 13px;
}

.vk-button-btn {
    display: inline-block;
    background-color: #edeef0;
    border: 1px solid #adb9c7;
    padding: 5px 15px;
    border-radius: 5px;

    /* Специфичные правки для <button> */
    color: #2b587a;
    font-size: 13px;
    font-family: inherit; /* Чтобы наследовал шрифт сайта, а не системы */
    cursor: pointer;      /* Чтобы при наведении был "пальчик" */
    line-height: normal;  /* Исправляет центрирование текста */
    outline: none;        /* Убирает стандартную обводку при клике */
}

/* Эффект при наведении, чтобы кнопка ожила */
.vk-button-btn:hover {
    background-color: #e5ebf1;
}

/* Эффект при нажатии */
.vk-button-btn:active {
    background-color: #dce1e6;
    padding-top: 6px; /* Легкое смещение вниз для имитации клика */
    padding-bottom: 4px;
}




.vk-button:hover {
    background-color: #dae1e8; /* Эффект наведения */
}

.vk-button:active {
    background-color: #dce1e6;
    padding-top: 6px; /* Легкое смещение вниз для имитации клика */
    padding-bottom: 4px;
}

.profile-logo{
    margin-top: 10px;
    display: flex;
}

.profileName {
    /*display: flex;*/
    margin: 10px;
}

.profile-info {
    max-width: 300px;
}

.profile-main {
    max-width: 960px;
    margin: 0;
}

/* Ряд: слева фото+инфа, справа пост */
.profile-row {
    display: flex;
    align-items: flex-start; /* сверху на одной линии */
    gap: 20px;
    margin-top: 20px;
}

/* Левая колонка с фото и инфой */
.profile-info {
    max-width: 300px;
}

/* Аватар */
.profile-logo {
    width: 300px;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

/* Правая колонка — пост */
.profile-post {
    background-color: papayawhip;
    border-radius: 10px;
    max-width: 600px;
    border: 1px solid #dae1e8;
    padding: 20px;
    margin: 0; /* внутри flex auto не нужно */
}