/* Стили для кнопки */
.button {
    display: inline-block;
    padding: 7.5pt 15pt; /* Внутренние отступы */
    background-color: #007bff; /* Цвет фона */
    color: white; /* Цвет текста */
    border: none; /* Убираем границы */
    border-radius: 3.75pt; /* Скругление углов */
    cursor: pointer; /* Указатель при наведении */
}

.button:hover {
    background-color: #0056b3; /* Цвет фона при наведении */
}

/* Основные стили для всего документа */
body {
    font-family: Arial, sans-serif;
    margin: 0; /* Убираем отступы */
    padding: 0; /* Убираем отступы */
    background-color: #f4f4f4; /* Цвет фона страницы */
}

/* Заголовок */
h1 {
    color: #333; /* Цвет текста заголовка */
    text-align: center; /* Выравнивание по центру */
    margin-top: 20px; /* Отступ сверху */
}

/* Параграфы */
p {
    color: #666; /* Цвет текста параграфа */
    line-height: 1.6; /* Межстрочный интервал */
    margin: 0.15625in 0.208333333in; /* Отступы */
}

/* Стили для ссылок */
a {
    color: #007bff; /* Цвет ссылок */
    text-decoration: none; /* Убираем подчеркивание */
}

a:hover {
    text-decoration: underline; /* Подчеркивание при наведении */
}

/* Стили для контейнера */
.container {
    max-width: 600pt; /* Максимальная ширина */
    margin: 0 auto; /* Центрирование */
    padding: 0.208333333in; /* Внутренние отступы */
    background-color: white; /* Цвет фона контейнера */
    box-shadow: 0 1.5pt 10px rgba(0, 0, 0, 0.1); /* Тень */
    border-radius: 0.083333333in; /* Скругление углов */
}