/*Увеличение блока DIV при наведении курсора---НАЧАЛО*/
.zoom {
padding: 50px;
background-color: white;
transition: transform .2s; /* Анимация */
margin: 0 auto;
}

.zoom:hover {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5); /* (150% зум - Примечание: если масштаб слишком велик, он будет выходить за пределы видового экрана) */
box-shadow: 0px 0px 15px 0px #000000;
}
/*Увеличение блока DIV при наведении курсора---КОНЕЦ*/

/*Таймер обратного отсчёта---НАЧАЛО*/
*,
*::before,
*::after {
box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}

.timer__items {
display: flex;
font-size: 48px;
color: red;
justify-content: center;
}

.timer__item {
position: relative;
min-width: 60px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 15px;
text-align: center;
}

.timer__item::before {
content: attr(data-title);
display: block;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
font-size: 14px;
color: black;
}

.timer__item:not(:last-child)::after {
content: ':';
position: absolute;
right: -15px;
}
/*Таймер обратного отсчёта---КОНЕЦ*/