body, html {background:black; color:#888; }
.button {background:#ccc; color:#444; padding:8px; margin:4px; text-align: center; text-decoration: none; font-weight:500; min-width:80px; }
.button:hover {background:#eee; color:black; }
pre code {  background-color: #333;  color:lightgreen; display: block;  padding: 10px; }
hr {border:none; border-top: 1px solid #888; }

.red {color:#f24; }
.blue {color:#48c; }
.green {color:#8c8; }
.redback {background:#500; }
.blueback {background:#035; }
.greenback {background:#050; }

/* MENU */
#navbar {background:#111; }
.navbutton {position:fixed; z-index:10; top:0; right:0; width:40px; height:40px; font-size:30px; cursor:pointer; color:white; }

.sidenav {  position: fixed; top:0; left:0; right:0; height:0;  z-index: 5;  background-color: black;  background-color: rgba(0,0,0,0.4);  overflow:hidden; transition: 0.3s; }
.sidenav a { padding: 12px 15px;  text-decoration: none;  font-size: 20px;  color: #999;  display: inline-block; white-space: nowrap; }
.sidenav h2 {  padding: 8px 0 0 0; text-decoration: none;  font-size: 24px;  color: #fff; border-top:1px solid #6a6; }
.sidenav a:hover {  background:#333; }
.sidenav .closebtn {  position: absolute;  top: 0;  right: 25px;  font-size: 36px;  margin-left: 50px;}