body {
  background: #aeb8b0;
  font-family: "Courier New";
  font-size: 16px;
  color: #191d1a;
}

#container {
  width: 350px;
  height: 50px;
  margin: 50px;
  padding: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 50px;
  border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACuElEQVR4Xu2a25aDIAxF2///6Jk6Ly3quHNMUOg6fSUQsnMhUJ8P/0oJPEtX82IPAy0OAgO9AOgP6Fg7geTXy6nzVflb9e1FKAGaysAXXXW/qnzjQAPdpqOBFpeoNFBK8WzZTm3whPJb9S3KDfSE1z6mNA400BzMZbaB5hn+f7BHGnu1JETWPLJpan0R46c2MBCNpfYZqH4oHzIz0AmA0l2aslBNwaH09YjQoQwk7xX04Zu2iXROHTFknIEyoUjWfa5SGjAR5WuF2bsy6ZxaHxm3eHJqA3feQ9cxXmqfgRYHjIFeAFRNgYhTlLs71eih9UX+ApnawB1Pdg0YA+U/8aSMMNABgFJrTSlF80cbl+w5E6FksLQBWmyAcckeA2WPGSgzkiTKgdJzHD0uSKekZGpMWAISaLMOeURS3kCPHYfvoWrEqfKxuKqTcoTWsfxbaXigqr1311B6rlPtKa+h6gYMVCUG8gZqoBIBPOWzNaf3c59kbeBQoi6F2sZmPJKOWYXZU1YFSAFBDid9t3+KY6ArFzlCWyByhKoAUylCkzuMd7XvzF1etTFSp9U1M/IGmqG3M9dAvx2omsJ3n/LURlGfSRGNjb20QCB6DLT4bm6gBtoQkDI2Ug9Hi7BAlTkUydpzON9At1+OkMMMFK7SkaD6XMJARwNKfRw9h6kRMLW+M8ZSUadxqlEGWpxSBmqgbwJLylPjqt51qYx8tT4D3Vb01CFroAYqf6t0aYnp8RcI1VA6xdW2aih9Bqq6D+7+BmqgGwLDp3y2xqkGfpW+iPHZU1JNqqn1GWj+ptgEjIFeAFRNOTWl6Wqnrkfyl+rr0TYNZeBrMwZKHhHHDVQERuKXA1VrprpBVV59f83KZ+dvvm0y0BapGgAGCjXCQFeAVCDlKU9F3eMCgchNSVjOogZaHAMGWgz0Fx95MFh+/oWqAAAAAElFTkSuQmCC") 28px /  28px / 0 round;
  border-width:  28px;
  border-style:  solid;
}