<p class="codepen" data-height="300" data-default-tab="result" data-slug-hash="XWeaWGL" data-pen-title="Fancy Digital Clock" data-user="Hyperplexed" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/Hyperplexed/pen/XWeaWGL">
  Fancy Digital Clock</a> by Hyperplexed (<a href="https://codepen.io/Hyperplexed">@Hyperplexed</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://public.codepenassets.com/embed/index.js"></script>