@font-face {
    font-family: 'font1';
    src: url('fonts/1.woff');
}

@font-face {
    font-family: 'font2';
    src: url('fonts/2.woff');
}

@font-face {
    font-family: 'font3';
    src: url('fonts/3.woff');
}

@font-face {
    font-family: 'font4';
    src: url('fonts/4.woff');
}

@font-face {
    font-family: 'font5';
    src: url('fonts/5.woff');
}

@font-face {
    font-family: 'font6';
    src: url('fonts/6.woff');
}

body {text-align:center;background-color:#222;color:#ccc;font-family:sans-serif;margin:0}
#canvas {margin:5px 0px;}

h1,h2,h3 {font-weight:normal;}
h1.hide {font-family:font1;font-weight:normal;font-size:0px}
a {color:gold}

#bblogo  {height:25px;width:auto;margin:10px 0}
#canvasWrapper {width:600px;height:750px;position:relative;margin:0 auto 2em auto;}

#progressOwl {position:absolute;left:284px;top:311px;}
#extraStuff {margin-bottom:2em;}



.reverse {-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;}

#newsletter {border:5px solid blue;background-color:black;padding:.5em;width:600px;margin:2em auto;position:relative;}
#share {font-family:font5;color:silver;}
#linkBox {font-family:font5;color:white;}
#link {width:50%;background-color:#333;border:3px solid purple;padding:5px;color:white}

#credits {width:80%;max-width:600px;margin:1em auto;}
#generatebutton {height:auto;width:500px;}