body{background-color:#ededed;margin:0}::selection{background:#f8fcb3;color:#000}::-moz-selection{background:#f8fcb3;color:#000}.app{font-family:Arial,sans-serif;margin:0 auto;padding:30px;max-width:1000px;color:#333;line-height:1.6;font-size:18px;display:flex;flex-direction:column;min-height:100vh}header{text-align:right;padding:20px 0;min-width:250px}header h1{font-size:2em;margin:0 4px}nav{margin:10px 0}nav a{text-decoration:none;color:#007bff;margin:0;font-weight:700}.main-nav{display:flex;justify-content:flex-end}.main-nav a{text-decoration:none;color:#007bff;margin:0 4px;font-weight:700;font-size:14px}.main-nav a:hover{text-decoration:underline}.sub-nav{display:flex;flex-direction:column;align-items:flex-end;margin-top:5px}.sub-nav a{text-decoration:none;color:#007bff;font-weight:400;margin:2px 4px;font-size:12px}.sub-nav a:hover{text-decoration:underline}main{margin:20px 0;flex:.9 1}section h2{font-size:1.5em;border-bottom:1px solid #eee;padding-bottom:5px}section p{font-size:.95em;min-width:300px;margin:36px 30px}footer{text-align:center;padding:10px 0;color:#777;font-size:12px}section#writing h1{font-size:1.3em;margin:10px 0}section#writing ul{list-style-type:disc;padding-left:20px}section#writing a{color:#007bff;text-decoration:none}section#writing a:hover{text-decoration:underline}