body{background-color:#006400; #darkgreen;color:#fff;font-family:sans-serif;line-height:1.5;margin-top:100px;# margin: 1rem;font-family:Arial;font-size:large;# max-width: 768px}main{max-width:700px;width:90%;margin-left:340px}h1{font-size:lage;padding-right:20px}article{padding:20px;background-color:rgba(0,0,0,.6);margin-top:20px;border-radius:7px;box-shadow:3px 5px 5px rgba(0,0,0,.2)}header{position:fixed;max-width:250px;left:0;top:0;padding-left:10px;bottom:0;background-color:rgba(0,0,0,.6);box-shadow:3px 5px 5px rgba(0,0,0,.2)}header ul{margin-left:0;padding-left:0;list-style-type:none}header li{width:90%;left:0;border-bottom:1px solid #fff;padding-top:10px}footer{ #border-top: 1px solid #222;margin-top:1rem;text-align:right;# position: sticky;z-index:10;color:#fff}a{# color: #00e;color:#90ee90;text-decoration:none}.highlight pre{background-color:rgba(0,0,0,.5);padding:10px;border-radius:7px;box-shadow:3px 5px 5px rgba(0,0,0,.2)}blockquote{background-color:rgba(0,0,0,.5);padding-left:1em;margin:3px;border:3px solid #000;border-radius:7px;box-shadow:3px 5px 5px rgba(0,0,0,.2)}