body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.date {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: 'Roboto', sans-serif;
  font-size: 180px;
  font-weight: 700;
  text-align: center;
}
.date .happy {
  font-size: 70px;
}
.pi {
  display: block;
  padding: 5px 3px;
  font-family: monospace;
  word-break: break-all;
  color: #aaa;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: contents;
}