:root { --bg-color: #e6f4f1; --border-color: #6aaaa1; --subtitle-color: #005c64; --link-color: #005c64; } body { margin: 0; padding: 0; background-color: #5a8981; background-size: 24px 24px; } body a { color: var(--link-color); } .container { background-color: var(--bg-color); border: 1px solid var(--border-color); padding: 20px; margin: auto; max-width: 800px; } nav ul { list-style: none; margin: 0; padding: 0; } nav li { display: inline-block; margin-right: 20px; } nav a { text-decoration: none; font-weight: bold; transition: color 0.3s ease; float: right; padding: 4px 5px; } nav a:hover { color: var(--border-color); } nav { color: var(--subtitle-color); word-spacing: 3px; font-size: 18px; font-weight: bold; } container > p { padding: 10px; padding-left: 20px; } header { border-bottom: 3px solid var(--border-color); } .date-and-tags { padding-bottom: 1em; border-bottom: 2px solid var(--border-color); padding-top: 0px; } pre.site-title { margin-bottom: 10px; font-size: 10px; font-weight: bold; font-family: monospace; white-space: pre; color: var(--subtitle-color); } h1 { color: var(--subtitle-color); font-weight: bold; } h2 { color: var(--subtitle-color); font-weight: bold; } h3 { color: var(--subtitle-color); font-weight: bold; } h4 { color: var(--subtitle-color); font-weight: bold; } .content { margin-top: 10px; } code { display: inline-block; padding: 4px; background-color: #4b4a4a22; font-family: monospace; font-size: 14px; }