.middle { display: block; margin: auto; }
.center { text-align: center; }
.left { text-align: left; }
.small {font-size: 14px;}
.space {background-image: url("/assets/spacebg1.png");}
.handwritten { font-family: Bubly, Telescope }
.handwritten h1, .handwritten h2, .handwritten h3, .handwritten h4, .handwritten h5, .handwritten h6 { font-family: Telescope }
a {text-decoration: none;}
img { max-width: 100%; }
@font-face { font-family: "Telescope";  src: url(/assets/telescope.ttf); }
@font-face { font-family: "Bubly";  src: url(/assets/bubly.otf); }

body {padding: 0; margin: 0; box-sizing: border-box; font-family: sans-serif;}
.main-container { max-width: 600px; padding: 12px; font-size: 18px; }

.container { 
  background-color: #ffffffcb;
  border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAwUlEQVRYR+2ZyxGAMAhETRHpv8AUoSc84DBMQnBYXc+RPJdPXG299/MAuBoc6BijVRRWhLwVJWgwTd9RVJ5ESiKr6XR8XYKuojCgurSyFbVK2VUUBhQm9TCgMKmHAfVSv3rk6umRPkcJqt7i3DnK1CtHwRqVscVmYjNNWg0OfMuKsJl+20yTPWQuTz+ZyoLuAvPcZtjXlwfNBtTxlxUtD/o2oFe7/D66KyOuZ9q1UTTOAzQaMPt+vL8i2YpE48MoegFIrRR1TgDdfwAAAABJRU5ErkJggg==") 14 /  14px / 0 round;
  border-width:  14px;
  border-style:  solid;
  padding: 12px;
  margin: 12px;
}