<div id="one-dollar"></div>

#one-dollar {
  width: 456px;
  height: 194px;
  background: #ebeec7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(235, 238, 199, 1);
}

#one-dollar::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  color: #998;
  /*
  The box shadow has been added as an external file because its content is too large to be in the editor. You can see the file here: https://s3-us-west-2.amazonaws.com/s.cdpn.io/1506195/one-dollar.css
  */
}