body  {
background: #000;
background-image: -o-linear-gradient(top, #5F656B 0%, #000000 100%);
background-image: -moz-linear-gradient(top, #5F656B 0%, #000000 100%);
background-image: -webkit-linear-gradient(top, #5F656B 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #5F656B 0%, #000000 100%);
background-image: linear-gradient(to top, #5F656B 0%, #000000 100%);
font-family: 'Open Sans';
}
a, 
a:visited {color:#000; text-decoration:none;}
a:hover,
a:visited:hover  {color:red;}
h1  {font-family:'Lobster Two'; font-size:5em; line-height:0;}
h2  {font-size:1em; padding:20px 10px 10px 10px;}
li  {padding-top:5px;}

.button  {background:#fff; border:1px solid #000; padding:5px 10px; border-radius:5px;}
.center  {margin:auto; text-align:center;}
.right  {text-align:right;}

#alibi  {background:#fff; border-radius:10px; font-family: Inconsolata; font-size: 1.5em; margin:50px 10px 15px 10px; padding:20px;}
#alibi-type  {color:#5f656b; font-family:'Open Sans'; font-size:.6em; font-weight:bold; padding-bottom:10px;}
#bg {position: fixed; top: -50%; left: -50%; width: 200%; height: 200%;}
#bg img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; opacity:0.15;}
#container  {background:#e9e5e5; border: 7px dotted #5f656b; border-radius:10px; font-family: verdana; margin:50px auto 0 auto; max-width:600px; min-width:500px; padding:30px; position:relative; width:80%; z-index:2;}
#copy  {color:#777; font-size:.8em; padding:5px; text-align:center;}
#more  {font-size:.8em; padding-top:1em;}
#pointer  {float: right; padding-top:15px;}
#tagline  {font-size:.8em; padding-left:10px;}

@media  (max-width:46em) {
h1  {font-size:4em;}
#container  {max-width:inherit; min-width:inherit;}
#pointer  {display:none;}
}
@media  (max-width:20em) {
#bg img  {display:none;}
#container  {margin:auto;}
}