#box {
width: 100px; /* Ширина блока */
height: 30px; /* Высота блока */
background-color: #ffffff; /* Белый фон */
border: 1px solid #e0e0e0; /* Светло-серая рамка */
border-radius: 15px; /* Завершенные края */
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Легкая тень для глубины */
padding: 20px; /* Внутренние отступы */
display: flex; /* Используем flexbox для центрирования содержимого */
justify-content: center; /* Центрируем содержимое по горизонтали */
align-items: center; /* Центрируем содержимое по вертикали */
font-family: Arial, sans-serif; /* Шрифт для текста */
color: #333; /* Темно-серый цвет текста */
}


    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif; 
            background-color: #f0f0f0; /* Серый фон для контраста */
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh; /* Высота вьюпорта */
        }

        #container {
            display: flex; /* Используем flexbox для выравнивания */
            justify-content: center; /* Центрируем содержимое по горизонтали */
            align-items: center; /* Центрируем содержимое по вертикали */
            background-color: #ffffff; /* Белый фон блока */
            border-radius: 15px; /* Закругленные края */
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Тень для блока */
            padding: 20px; /* Внутренние отступы */
        }

        .widget {
            width: 100px;  /* Ширина виджета */
            height: 100px; /* Высота виджета */
            background-color: #e0e0e0; /* Цвет фона виджета */
            border-radius: 10px; /* Закругленные края для виджета */
            display: flex;
            justify-content: center; /* Центрируем содержимое по горизонтали */
            align-items: center; /* Центрируем содержимое по вертикали */
            margin-right: 20px; /* Отступ справа от виджета */
            font-size: 20px; /* Размер шрифта в виджете */
            color: #333; /* Цвет текста в виджете */
        }

        #clock {
            font-size: 36px; /* Размер шрифта для часов */
            color: #FF6347; /* Цвет текста часов (цветной) */
            text-align: center; /* Центрируем текст */
        }
    </style>