/* CSS Document */

.text span {
   opacity: 0;
}
.text span.revealed {
   opacity: 1;
}
.text span.pink {
   color: #d48cd4;
   
}

/* Demo styles */
body {
   background: #675390;
   padding: 1em;
   font-family: 'pixelfont';
}

.text {
   margin: 0 auto;
   color:#e8f8d7;
   background: #3c377b;
   padding: 1em;
   position:relative;
   line-height: 1em;
	word-spacing: 0.2em;
   font-size: 100%;
}

.lacebox {
margin:1em auto; /* change 0 to auto for centering */ 
width:80%; /* width */
}
.u01 {
background:url("/images/lace-bottom.png") repeat-x;
height:33px;
margin:0 33px;
}
.s01 {
background:url("/images/lace-top.png") repeat-x;
height:33px;
margin:0 33px;
}
.box-top {
background-image:url("/images/lace-corner-top-left.png"), url("/images/lace-corner-top-right.png");
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:33px;
}
.box-center {
background-image:url("/images/lace-left.png"), url("images/lace-right.png");
background-position:top right, top left;
background-repeat:repeat-y, repeat-y
}
.box-inner {
background:#3c377b;
margin:0 33px;
}
.box-bottom {
background-image:url("/images/lace-corner-bottom-left.png"), url("/images/lace-corner-bottom-right.png");
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:33px;
}

@font-face {
  font-family: pixelfont; /* set name */
  src: url("/webfonts/BitTypeWriter.ttf"); /* url of the font */
}