body { margin: 0; background: #f2f6f9; color: #1d2a33; font: 16px/1.55 'Trebuchet MS', Tahoma, sans-serif; }
#sheet { max-width: 800px; margin: 0 auto; background: #fff; border-top: 5px solid #1f6fb2; min-height: 100vh; }
#name { padding: 20px 26px 0; font-size: 13px; color: #6a7f8e; }
#name a { color: #1f6fb2; text-decoration: none; font-size: 24px; display: block; }
#cols { display: table; width: 100%; }
#main { display: table-cell; padding: 8px 26px 30px; vertical-align: top; }
#side { display: table-cell; width: 190px; padding: 24px 20px 0 0; vertical-align: top; font-size: 14px; }
#side p { margin: 0 0 6px; padding-left: 12px; border-left: 3px solid #d6e2ea; }
#side p.on { border-left-color: #1f6fb2; font-weight: bold; }
h1 { font-size: 25px; font-weight: normal; margin: 16px 0 12px; }
h2 { font-size: 17px; margin: 24px 0 4px; color: #1f6fb2; }
a { color: #1f6fb2; }
ul { padding-left: 20px; }
li { margin-bottom: 5px; }
.frost { background: #eaf2f8; padding: 10px 14px; margin: 14px 0; }
#sign { padding: 12px 26px 20px; font-size: 12px; color: #6a7f8e; }
@media (max-width: 620px) { #cols, #main, #side { display: block; width: auto; } #side { padding: 0 26px 10px; } }