<!DOCTYPE html>
<!--
 | Cobalt should render color emojis without issues.
 -->
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      margin: 0;
      font-family: Roboto;
      font-size: 30px;
      font-weight: normal;
      color: #fff;
    }
    .containing-block {
      background-color: #03a9f4;
      width: 500px;
    }
    .bold-span {
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div class="containing-block">
    <span>&#x1f600;&#x1f929;&#x1f914;&#x1f61c;&#x1f62d;&#x1f92f;&#x1f631;</span>
    <span>&#x1f607;&#x1f921;&#x1f47a;&#x1f47b;&#x1f49a;&#x1f638;&#x1f476;</span>
    <span>&#x1f648;&#x1f649;&#x1f64a;&#x1f468;&#x1f469;&#x1f3c3;&#x1f40c;</span>
    <span>&#x1f41c;&#x1f490;&#x1f332;&#x1f347;&#x1f95d;&#x1f344;&#x1f354;</span>
    <span>&#x1f35f;&#x1f35e;&#x1f95e;&#x1f32e;&#x1f363;&#x1f361;&#x1f368;</span>
    <span class="bold-span">&#x1f30e;&#x1f31a;&#x1f970;</span>
  </div>
</body>
</html>