.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}ul,ol{margin-left:1em}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;line-height:1.7;color:#000;background-color:#fdfcf8;padding:0;display:flex;justify-content:center;flex-direction:column}header{max-width:600px;text-align:center;margin:auto;.site-branding-header h1 { font-size: 5em; font-family: Joan; a { color: #000000; text-decoration: underline; } }}main{max-width:700px;width:100%;background-color:#fdfcf8;margin:auto;padding:1em}section{margin-top:1em}footer{max-width:700px;background-color:#fdfcf8;margin:auto;font-family:Joan;text-align:center;ul { list-style: none; padding: 0; display: flex; gap: 1em; a { color: #000000; text-decoration: none; font-weight: bold; span { padding-left: 0.5em; } &:hover span { text-decoration: underline; } } }}.container{max-width:700px;width:100%;margin:0;padding:40px 20px;background-color:transparent;border-radius:0;box-shadow:none}h1,h2,h3,h4,h5,h6{font-family:Georgia,times new roman,Times,serif}.about{font-family:Joan;color:#333;font-size:2em;padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #ddd}article{margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #eee;p, ul, ol { margin-block-end: 1em; font-family: "Georgia", "Times New Roman", Times, serif; font-size: 1.2rem; } h1, h2, h3, h4, h5, h6 { margin-top: 0.5em; margin-bottom: 0.7em; font-weight: normal; color: #000000; } h1 { font-size: 2.5em; line-height: 1.2; margin-bottom: 0.5em; } aside { float: right; width: 50%; margin: 0 0 0 1em; padding: 1em; background: repeating-linear-gradient( 45deg, transparent, transparent 2px, rgb(255, 230, 234) 2px, rgb(255, 230, 234) 4px ); } aside.left { float: left; margin: 0 1em 0 0; } blockquote { font-family: "Georgia", "Times New Roman", Times, serif; clear: both; font-size: 1.2em; line-height: 1.5; margin: 1em 0; padding: 1em; border-left: 4px solid #829cc0; p:last-child { margin-bottom: 0; } } figure { margin: 1em 0; text-align: center; width: 100%; max-width: 100%; img { max-width: 100%; height: auto; border-radius: 10px; box-shadow: #000000 0px 0px 10px; background-color: black; } figcaption { color: #333; margin-top: 0.5em; p { font-size: 1em; font-family: "Courier New", Courier, monospace; } } } pre:has(code) { margin-bottom: 1em; overflow-x: auto; } div.highlight pre { overflow-x: auto; padding: 1em; border-radius: 1em; margin-bottom: 1em; } &.featured-post { h1 { margin-bottom: 0em; } } &.summary { border: none; margin: 0; padding: 0; font-size: initial; .metadata { margin-bottom: 0; padding: 0; border-bottom: none; clear: both; } h2 { font-size: 1.5em; margin-bottom: 0; } } h1 { margin-bottom: 0em; } h2 { font-size: 2em; line-height: 1.3; } h3 { font-size: 1.5em; line-height: 1.4; } h4 { font-size: 1.2em; line-height: 1.5; } div.metadata { margin-bottom: 1em; border-bottom: 1px solid #eee; clear: both; } div.metadata:has(img.author-image) { min-height: calc(64px + 1em); } img.author-image { width: clamp(64px, 5vw, 10vw); aspect-ratio: 1 / 1; border-radius: 1em; float: left; margin-right: 1em; }}footer{margin-top:40px;padding-top:20px;border-top:1px solid #eee}.site-branding-header{width:100%;margin-bottom:40px;padding-top:20px}.site-branding-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:20px}.new-post-indicator,.post-number{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:#333}.site-branding-title{font-family:Georgia,times new roman,Times,serif;font-size:4.5em;line-height:1;font-weight:400;text-align:left;color:#000;margin:0}.featured-post-main-content{flex:2;display:flex;flex-direction:column}.featured-image-small-container{width:100%;margin-bottom:20px}.featured-image-small{width:100%;height:auto;border-radius:10px;object-fit:cover}.featured-text-content p{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;font-size:.9em;line-height:1.6;color:#333;margin-bottom:1em}.featured-image-large-container{flex:1;display:flex;align-items:flex-start}.featured-image-large{width:100%;height:auto;max-height:450px;object-fit:cover}.featured-post-title-container{margin-bottom:30px;text-align:center}.featured-post-title{font-family:Georgia,times new roman,Times,serif;font-size:3.5em;line-height:1.1;font-weight:400;color:#000;text-transform:uppercase;margin:0}