h2 {
    text-align: center;
    color: #333; /* Цвет заголовка */
    margin-bottom: 50px;
}

form {
    background-color: #fff; /* Цвет формы */
    border-radius: 8px; /* Скругление углов */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Тень */
    padding: 20px; /* Отступы внутри формы */
    max-width: 500px;
}

form p {
    margin: 10px 0; /* Отступы между полями */
}

form input {
    margin: 10px 0; /* Отступы между полями */
    border: 1px solid #333; /* Цвет и стиль рамки */
    border-radius: 4px; /* Скругление углов полей ввода */
    padding: 10px; /* Внутренние отступы */
    width: calc(100% - 22px); /* Полная ширина с учетом отступов */
    box-sizing: border-box; /* Учитываем отступы в ширину */
}


form button {
    background-color: #5cb85c; /* Цвет кнопки */
    color: white; /* Цвет текста кнопки */
    border: none;
    border-radius: 4px; /* Скругление углов кнопки */
    padding: 10px 15px; /* Внутренние отступы */
    cursor: pointer; /* Курсор при наведении */
    width: 95%; /* Ширина кнопки на всю ширину формы */
}

form button:hover {
    background-color: #4cae4c; /* Цвет кнопки при наведении */
}

div[style="color: red;"] {
    padding: 10px; /* Отступы вокруг ошибок */
    background-color: #f8d7da; /* Цвет фона для ошибок */
    color: #721c24; /* Цвет текста для ошибок */
    border: 1px solid #f5c6cb; /* Граница для блока ошибок */
    border-radius: 4px; /* Скругление углов блока ошибок */
}


.form-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Центрируем элементы внутри контейнера */
}