* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

header, footer, section, aside, menu, article { display: block;}  
body {
background-color: #ccc;
font-size:100%;
font-family: Arial, Verdana, Sans-Serif;
color:#564b47;
}  
header { display: block;background-image: url(bg_au.jpg); background-size: 100% 100%;}
pre, code {font-size: 1.3em;}
a {color: #8f8;text-decoration:none;}
a:hover {color: #fff;}
menu ul { list-style-type: none; }
 
li{margin:18px 2px;border-bottom: 1px solid #ccc;}
li a { color:#ddf;padding:22px 2px;font-size:40px}
li a:hover { color: #c00;}

h1, h2 {margin: 0 0 20px; }  
img.download {vertical-align:middle;}
img{border:none;}

menu {
 color:#fff;
	background:linear-gradient(90deg, #555, #211);
	width: 250px; 
	position: fixed;
	left: 0;
	top: 0;
	height:100%;
	padding:20px;
}

.fix {position:fixed;background:#777}

header {padding:20px;height:150px;background-image: url(bg_au.jpg); background-size: 100% 100%; margin:0 0 0 250px;color:#fff}  

article {
	padding:20px;
	margin:0 0 0 250px;
	background:#fff;
	max-width:100%;
  min-width:550px;
}

p, pre{ padding:0 0 20px; line-height:1.5em; }
  	
header img{ padding: 0 0 10px;}    
footer, footer a { border: 1px solid #ccc;margin-left:100px;text-align:center;color:#4e5ff8; } 
.top { font-size:26px;position:sticky;bottom:40px;--offset:100px;margin-top:calc(100vh + var(--offset));margin-left:91%;}

@media (min-width: 1024px) {
li{font-size:110%;margin:4px 2px}
menu a { color:#ddf;line-height:22px;font-size:110%;} }
}