@import url("fonts/fonts.css");
@import "reset.css";
@import "table.css";

html {
    background-color: rgb(8, 8, 29);
    color: gray;
}

.header-main {
    display: flex;
    align-items: center;        /* Выравнивает по вертикали */
    gap: 1em;
}

.header-main h1 {
    font-size: 32px;           /* Задаем нужный вам размер текста */
    margin: 0;                 /* Убираем стандартные отступы браузера у h1 */
    line-height: 1;            /* Делаем высоту строки равной размеру шрифта */
}

.header-main img {
    height: 64px;              /* Задаем картинке ТОЧНО ТАКУЮ ЖЕ высоту, как font-size у h1 */
    width: auto;               /* Ширина подстроится автоматически, чтобы не искажать пропорции */
    object-fit: contain;       /* На случай, если картинка не идеальных пропорций */
}