body,html{
xxwidth:99%;
  background: #000000;
  color: #ffffff;  
 font-size: 18px;
font-family: Menlo, Monaco, "Droid Sans Mono",Consolas, monospace;
    color: #ffffff; 
    margin:0;

}

#source-code{

	text-align: left;
    font-size:12px;
    font-family:courier,monospace;

}

.videoContainer video 
{ 	top: 0px;
  	left: 0px;
 	width: 100%;
	height:auto;
	margin: 0;
	padding: 0;
}

#b { z-index:2;

-webkit-text-size-adjust:300%;
position: absolute; 
 top: 5px;
  left: 5px;
  width: 10em;
color: #888888; 
font-size: 1em;
font-family: Menlo, Monaco, "Droid Sans Mono",Consolas, monospace;
overflow: hidden }

#b a,
#b a:link,
#b a:active
{
text-decoration:none;	
color:#888888;
}
#b pre{
font-family: Menlo, Monaco, "Droid Sans Mono",Consolas, monospace;
 font-size: 12px;
}

#bindex { z-index:2;
position: absolute; 
top: 0px;
  	left: 0px;
 	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
overflow: hidden }


  @media only screen and (max-width: 900px) {
    /* Styles */
    #container {
    position: relative; 
        top: 360px;
        -webkit-text-size-adjust:200%;
    }
    }
    
    
#ff{z-index:3;

 font-size: 14px;
font-family: Menlo, Monaco, "Droid Sans Mono",Consolas, monospace;
    margin: 0 auto;
width: 800px;

}
pre{
font-family: Menlo, Monaco, "Droid Sans Mono",Consolas, monospace;
 font-size: 18px;
margin: 0 auto;
width: 800px;

}

a:link {
    color: #ffffff; 
}

a:visited {
    color: #ffffff; 
}


#a { position: absolute;  top: 0px;
  left: 0px; width: 100%; height: 100%; overflow: hidden; }
  
  #json{
 font-size: 8px;
font-family: Menlo, Monaco, "Droid Sans Mono",Consolas, monospace;
    color: #ffffff; 

}