Разработка Поздравление с новым 2026 годом с таймером обратного отсчета.

<div class="header">
  <h1>
    <div class="newYear">С новым годом</div>
    <div class="title">осталось</div>
  </h1>
  <h2 class="countdown">
    <div id="countdown-days">0d</div>
    <div id="countdown-hours">0h</div>
    <div id="countdown-minutes">0m</div>
    <div id="countdown-seconds">0s</div>
  </h2>
</div>

<div class="mailbox">
  <div class="basis"></div>
  <div class="box">
    <div class="letters">
      <div class="letter letter-second">
        <img class="letter-image" src="https://img.freepik.com/premium-vector/christmas-mail-postcard-hand-drawn-illustration_514781-2114.jpg" />
      </div>
      <div class="letter letter-first">
        <img class="letter-image" src="https://www.shutterstock.com/image-vector/christmas-new-year-postcard-wish-260nw-761840683.jpg" />
      </div>
    </div>
    <div class="box-title">
      <div class="font-sans-serif">Обращение к</div>
      <div class="font-script">Деду Морозу</div>
      <div class="font-sans-serif">нажми</div>
      <div class="font-script">сюда</div>
    </div>
  </div>
</div>
<div class="winter-wrapper" id="winter-wrapper"></div>
<div class="ground"></div>

<dialog class="mail" id="mail">
  <div class="mail-inner">
    <button class="mail-close" autofocus id="mailClose">X</button>
    <p class="mail-title">Привет мой друг!</p>
    <p id="mailContent">Счастливого Рождества и радостного Нового года вам! Пусть это время года напоминает вам обо всем хорошем в мире — о смехе детей, доброте незнакомцев и надежде в каждом сердце. И не забывайте, что самые лучшие подарки лежат не под елкой — это воспоминания, которые мы создаем вместе.</p>
    <p>
    <div id="mailSign">Оставайся волшебным,</div>
    <div><span class="font-script">Дед Мороз</span> 🎅</div>
    </p>
  </div>
</dialog>
<button class="mailbox-shadow" id="mailbox"></button>