Monocraft hh:ii:ss | dd/mm/yy colorful layout

<html>
<head>
  <style>
    .container {
      display: flex;
      flex-direction: column;
    }

    .div1, .div2 {
      border: 1px solid #ccc;
      margin: 1px;
    }
  </style>
</head>
<body>
<center>
    <div class="container">
    <div class="div1"><span style="color: #25ddf5">{hh}</span>:<span style="color: #47f5bb">{ii}</span>:<span style="color: #42f587">{ss}</span></div>
    <div class="div2"><span style="color: #f525dd">{dd}</span>/<span style="color: #bb47f5">{mm}</span>/<span style="color: #8742f5">{yy}</span></div>
  </div>
</center>
</body>
</html>

(Font is Monocraft)

[✓] I confirm this is my original work.
[✓] I grant full and unrevocable rights to use the layout with HTML Clock widget free of charge.
[✓] I grant users of HTML Clock widget right to use my layout free of charge and freely alter my layout if they need to.
[✓] This layout is licensed under MIT License.

MarcinOrlowski / html-clock-plasmoid

Monocraft hh:ii:ss | dd/mm/yy colorful layout #87