.login-table {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    border-collapse: collapse; /* Убираем пробелы между ячейками */
}

.login-table td {
    padding: 10px;
    vertical-align: middle; /* Выравнивание элементов по вертикали */
}

/* Стили для столбцов меток (Email, Password) */
.login-table td:first-child {
    text-align: center; /* Выравнивание текста меток по центру */
}

/* Стили для заголовка формы */
#content-form h1 {
    font-size: 1.7em;
    margin-bottom: 20px;
}

/* Стили для меток (Email, Password) */
#content-form label {
    display: block;
}

/* Стили для полей ввода */
.login-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Стили для кнопки отправки */
.login-submit {
    text-decoration: none;
    font-size: 1.4em;
    animation: whiteGrayGlowNav 2s infinite alternate; /* Постоянная анимация свечения */
    display: inline-block;
    padding: 10px 20px; /* Отступы для кнопки */
    background-color: #d3d3d3; /* Светло-серый фон */
    color: #333; /* Цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    border-radius: 8px; /* Закругленные углы */
    font-weight: bold; /* Жирный текст */
    transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход фона и текста */
    margin: 0 auto; /* Для центрирования кнопки */
}

.login-submit:hover {
    animation: flameGlowNav 1.5s infinite alternate; /* Анимация бело-синего горения */
    transform: scale(1.1); /* Увеличение до 110% при наведении */
    background-color: #00bfff; /* Светло-синий фон при наведении */
    color: white; /* Белый цвет текста при наведении */
}

/* Стили для сообщения */
.login-message {
    color: #28a745; /* Зеленый для успешных сообщений */
    font-size: 1.6em;
    margin-bottom: 15px;
}

/* Стили для ошибки */
.login-error {
    color: #dc3545; /* Красный для ошибок */
    font-size: 1.6em;
    margin-bottom: 15px;
}