/* Родительский контейнер */
.parent-container {
    display: flex; /* Используем Flexbox */
    justify-content: center; /* Горизонтальное центрирование */
    align-items: center; /* Вертикальное центрирование */
    /*height: 100vh; !* Высота на весь экран *!*/
    /*background-color: #f5f5f5; !* Фоновый цвет *!*/
}

/* Контейнер с числом */
.number-container {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    padding: 10px 20px; /* Пространство вокруг числа */
    border: 1px dashed grey; /* Пунктирная граница */
    border-radius: 12px; /* Закругленные углы */
    font-family: 'Times new roman', sans-serif ;
    font-size: 70px; /* Размер текста */
    font-weight: bold;
    color: #0A58CA;
    /*background: linear-gradient(to right, #e3f2fd, #bbdefb); !* Светлый градиент *!*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Легкая тень */
    text-align: center; /* Центрирование текста */
}



/*.number-container {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    max-width: 100px;*/
/*    height: auto;*/
/*    border: 1px dashed grey; !* Пунктирная граница *!*/
/*    border-radius: 10px; !* Делаем границу круглой *!*/
/*    font-family: "Segoe UI", system-ui, sans-serif;*/
/*    font-size: 70px; !* Размер текста *!*/
/*    font-weight: bold;*/
/*    color: #0A58CA;*/
/*    margin: 0 auto; !* Центрирование блока на странице *!*/
/*    !*background: linear-gradient(to right, #e3f2fd, #bbdefb); !* Светлый градиент *!*!*/
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); !* Легкая тень *!*/

/*}*/