style.css

@import url('https://fonts.googleapis.com/css?family=Oswald');
body {font-family: "verdana"; color: #323232; font-size: 16px;}
h1,h2,h3,h4,h5 {font-family: "Oswald";}
h1 {font-size: 52px; text-align: center;}
h2 {font-size: 26px; margin-bottom: 0px;}
p {line-height: 24px;}
a:hover, h1:hover {cursor: pointer;}
a {text-decoration: none; color: #323232;}
li a {color: #323232; }
li::first-letter {font-weight: bold; color: #0190FF; padding-right: 1px;}
li {padding: 5px 0;}
iframe {width: 700px; border: none; font-family: "verdana"; font-size: 16px; overflow: hidden;}
codeblock {padding: 4px 6px 7px 6px; background: #323232; color: white; opacity: 0.8; border-style: border-box; width: 96%; display: block;}
code {padding: 1px 5px 2px 4px; background: #CCCCCC; color: #333333; opacity: 0.8; border-style: border-box; border-radius: 5px;}
#main {width: 1080px; padding: 10px; margin: auto; position: relative; overflow: hidden;}
#left {width: 270px; float: left;}
#right {width: 720px; float: right; padding-left: 60px; border-left: 2px solid #CCCCCC; overflow: hidden;}
#info {overflow-x: hidden; margin-top: 10px;}
#ZEngineCanvas {position: relative; left: 50%; margin-left: -300px; width: 580px; height: 300px;}