:root{--font-size-base:16px;--line-height-base:1.6;--font-size-h1:2.5rem;--font-size-h2:2rem;--line-height-heading:1;--color-americano:#170e06;--color-espresso:#362319;--color-mocha:#6a412d;--color-frappe:#a68456;--color-cappuccino:#cac1b3;--color-flatwhite:#ece3c8;--color-1:var(--color-americano);--color-2:var(--color-espresso);--color-3:var(--color-mocha);--color-4:var(--color-frappe);--color-5:var(--color-cappuccino);--color-6:var(--color-flatwhite);--color-scheme:dark;--site-title-color:var(--color-frappe);--site-subtitle-color:var(--color-mocha);--background-color-dark:var(--color-americano);--background-color-light:var(--color-flatwhite);--background-image-dark:radial-gradient(at 71% 20%, #2b241221 0px, transparent 90%),
    radial-gradient(at 7% 80%, #3d28143d 0px, transparent 70%),
    radial-gradient(at 19% 23%, #2b1e0d6e 0px, transparent 70%),
    radial-gradient(at 94% 95%, #2b160d63 0px, transparent 70%);--background-image-light:radial-gradient(at 35% 40%, var(--color-cappuccino) 0px, transparent 90%),
    radial-gradient(at 19% 23%, var(--color-cappuccino) 0px, transparent 70%),
    radial-gradient(at 71% 20%, var(--color-cappuccino) 0px, transparent 90%),
    radial-gradient(at 94% 95%, var(--color-flatwhite) 0px, transparent 90%);--gradient-dark:linear-gradient(310deg,
      var(--color-espresso),
      var(--color-mocha),
      var(--color-frappe),
      var(--color-cappuccino),
      var(--color-flatwhite));--gradient-light:linear-gradient(310deg,
      var(--color-cappuccino),
      var(--color-frappe),
      var(--color-mocha),
      var(--color-espresso),
      var(--color-americano));--summary-title-color:var(--color-cappuccino);--summary-color:var(--color-frappe);--previewmeta-color:var(--color-mocha);--all-posts-color:var(--color-cappuccino);--post-title-color:var(--color-cappuccino);--post-content-color:var(--color-frappe);--about-heading-color:var(--color-cappuccino);--about-paragraph-color:var(--color-frappe);--site-title-font-size:2.5rem;--site-subtitle-font-size:0.8rem;--blog-title-font-size:0.9rem;--blog-summary-font-size:0.8rem;--blog-meta-font-size:0.8rem;--blog-meta-font-color:var(--color-3);--text-width:50ch;--post-content-size:16px}::-webkit-scrollbar{display:none}a{text-decoration:none;color:inherit;font-size:inherit;display:inline-block}html{scroll-behavior:smooth;color-scheme:dark light}:root:has(#theme-toggle [value=dark]:checked){color-scheme:light}html,body{height:100%;display:flex;flex-direction:column}body.dark-theme{color-scheme:dark}body.light-theme{color-scheme:light}body{overflow-x:hidden;min-height:100%;margin:0 2.5rem;font-family:lora,serif;-ms-overflow-style:none;scrollbar-width:none;background-color:var(--background-color-dark);background-image:var(--background-image-dark);--color-scheme:dark;--gradient:var(--gradient-dark);background-repeat:no-repeat;background-position:50%;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}main{max-width:var(--text-width);margin-inline:auto}.lightmode{--site-title-color:var(--color-mocha);--site-subtitle-color:var(--color-frappe);background-color:var(--background-color-light);background-image:var(--background-image-light);--gradient:var(--gradient-light);--summary-color:var(--color-espresso);--summary-title-color:var(--color-mocha);--previewmeta-color:var(--color-frappe);--all-posts-color:var(--color-mocha);--post-title-color:var(--color-mocha);--post-content-color:var(--color-mocha);--about-heading-color:var(--color-mocha);--about-paragraph-color:var(--color-mocha);--color-scheme:light}header{padding-top:2.5rem;margin-bottom:12rem; *{ margin: 0; }}.header-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.site-title{color:var(--site-title-color);font-size:var(--site-title-font-size)}.site-subtitle,.site-subtitle a{font-size:var(--site-subtitle-font-size);color:var(--site-subtitle-color)}nav{margin-bottom:10%;justify-content:center;display:flex;gap:5rem}.section-title{margin-bottom:10%;justify-content:right;display:flex;gap:1rem}.preview-list{display:flex;flex-direction:column;gap:5rem}previewmeta{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:baseline;font-size:var(--blog-meta-font-size);font-weight:700;color:var(--previewmeta-color); *{ width: auto; }}postmeta{padding-top:2ch;padding-right:1.5rem;color:light-dark(var(--color-frappe),var(--color-mocha));display:flex;justify-content:space-between;font-size:1rem}.meta-time{min-height:1rem}.meta-tag-list{padding:0;margin:0;list-style:none;gap:.4em;display:flex}footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(16ch,1fr));align-items:baseline;justify-content:space-between;padding-bottom:2rem;margin-top:12rem;color:light-dark(var(--color-frappe),var(--color-mocha));font-size:.8rem;font-weight:700}.footer-links{text-align:left}.footer-copy{text-align:right;margin:0;font-weight:400}@media(width < 350px){.footer-links,.footer-copy{text-align:center}}.fa-mug-hot{font-size:2rem;min-width:1rem;color:transparent;background-image:var(--gradient);background-size:300%;background-position:100%;transition:background-position 1s;-webkit-background-clip:text;background-clip:text}.fa-mug-hot:hover,.fa-mug-hot:focus{background-position:0}#light-mode-toggle{cursor:pointer;background:0;border:0;text-align:right}.subscribe-form,.lead-form{display:flex;color:light-dark(var(--color-frappe),var(--color-cappuccino));border:1px solid var(--color-2);border-radius:.3em;width:40ch;justify-content:space-between}.subscribe-form input[type=email],.lead-form input[type=text]{flex-grow:1;border:transparent;padding:.5em;outline:none;background-color:transparent;color:light-dark(var(--color-frappe),var(--color-cappuccino))}.subscribe-form input[type=email]::placeholder,.lead-form input[type=text]::placeholder{color:light-dark(var(--color-mocha),var(--color-mocha))}.subscribe-button{margin-left:auto;padding:.5em 1em;border:1px solid var(--color-2);border-radius:0 .3em .3em 0;cursor:pointer;color:light-dark(var(--color-frappe),var(--color-cappuccino));background-color:light-dark(var(--color-espresso),var(--color-espresso))}.subscribe-button:hover{color:light-dark(var(--color-frappe),var(--color-cappuccino));border-color:var(--color-2);color:var(--color-2)}.about{margin:10% 0;max-width:var(--text-width);h2 { margin-bottom: 1rem; color: var(--about-heading-color); } p { color: var(--about-paragraph-color); line-height: 100%; }}.emphasis{font-weight:700}.single h1{color:var(--post-title-color);padding-right:1.5rem}.content{margin-top:5rem;margin-bottom:5rem;ul { list-style-type: disc; margin-left: 1.5rem; padding-left: 1rem; } ol { list-style-type: decimal; margin-left: 1.5rem; padding-left: 1rem; } li { margin-bottom: 0.5rem; line-height: 1.6; } p { font-size: var(--post-content-size); margin-bottom: 1rem; line-height: 1.6; } * { color: var(--post-content-color); } hr { border: none; border-top: 1px solid var(--color-4); margin: 3rem 0; opacity: 1; } figure { margin: 4ch auto; } figure img { display: block; max-width: 100%; } figure figcaption { margin: 1ch; font-size: 0.8em; }}.content-footer{display:flex;justify-content:space-evenly;margin-top:3rem}.back-to-top{font-size:1.5rem;color:light-dark(var(--color-mocha),var(--color-mocha))}.back-to-top:hover,.back-to-top:focus{color:light-dark(var(--color-americano),var(--color-cappuccino));transition:color .3s}.home-footer{display:flex;justify-content:center}.all-posts{min-height:1rem;padding:.2rem .4rem;padding-right:1rem;font-size:.9rem;font-weight:700;color:var(--all-posts-color)}.home-more-posts{font-size:1.1em}.posts-footer{display:flex;justify-content:center}@media(prefers-reduced-motion:no-preference){@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes EnhanceIn{from{opacity:.8}to{opacity:1}}.back-to-top{animation:fadeIn linear;animation-timeline:view();animation-range-start:2rem;animation-range-end:5rem;animation-fill-mode:forwards}.fade-in{opacity:0;animation-name:fadeIn;animation-timing-function:ease-in;animation-fill-mode:forwards}.fade-in-1{animation-duration:1s;animation-delay:0s}.fade-in-2{animation-duration:1s;animation-delay:.75s}.fade-in-3{animation-duration:1s;animation-delay:2s}.enhance-in{opacity:.8;animation-duration:1s;animation-delay:2s;animation-name:EnhanceIn;animation-timing-function:ease-in;animation-fill-mode:forwards}}.summary{margin:.6rem 0;color:var(--summary-color)}.summary-title{color:var(--summary-title-color);font-size:1.5rem;font-weight:700}