html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } body { color: #333; margin: 1em auto 2em auto; max-width: 43em; padding: 0 1em; font-family: "PT Sans", "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; } a { color: #0074D9 } a:visited { color: #941352 } blockquote { border-left: 3px solid #ccc; padding-left: 10px; } dt { font-weight: bold; } header .subtitle { margin-top: -1em; margin-bottom: 21.44px; } .bloglist p:nth-of-type(2) { margin-top: -8px; } header .date { font-style: italic; margin-bottom: 21.44px; } footer .date { float: right; } footer { font-style: italic; font-size: 14px; margin-top: 32px; } .logo { float: right; width: 200px; border-radius: 50%; } .ytembed { width: 100%; aspect-ratio: 16 / 9; } @media only screen and (max-device-width : 667px) { .logo { max-width: 88px; } footer .date { float: none; } } @media print { .navbar { display: none !important; } } pre { background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; font-family: monospace; line-height: 1.2; padding: 8px; white-space: pre; word-wrap: normal; } .sourceCode { overflow: auto; } details { font-size: 87.5%; margin: 0 1em; } .redacted { background: black; color: black; cursor: default; } .right { float: right; } .center { display: block; margin-left: auto; margin-right: auto; max-width: 100%; object-fit: contain; }