Back to post

<div class="box">
  <h1>Letterpress</h1>
</div>

.box {
  width: 30em;
  margin: 2em auto;
  height: 15em;
  line-height: 15em;
  text-align: center;

  border: 1em solid #5C4033;
  border-radius: 0.25em;

  background: #ececec;
  background-image: -webkit-linear-gradient(-30deg, #c9c8c3, #cbcac5);
  background-image:    -moz-linear-gradient(-30deg, #e9e8e3, #ebeae5);
  background-image:     -ms-linear-gradient(-30deg, #e9e8e3, #ebeae5);
  background-image:      -o-linear-gradient(-30deg, #e9e8e3, #ebeae5);
  background-image:         linear-gradient(-30deg, #e9e8e3, #ebeae5);

  box-shadow: 6px 7px 10px 4px #3C3013,
        inset 2px 2px 2px 1px #4C4023,
        inset -2px -2px 2px 1px #8C8083;
}
							
h1 {
  font-size: 3em;
  margin: 0;
  color: #4C4023;
  text-shadow: 1px 2px 3px #fCf0c3,
              -1px -1px 1px #2C2003;
}