:root {--primary:#d24432;--light:#f9e4e2;--body:'Noto Serif', serif;--headers:'Poppins', sans-serif;--special:'Zilla Slab', serif;}body {font-family: var(--body);font-size:1.1875rem;line-height:1.6;}h1, h2, h3, h4, h5 {font-family: var(--headers);}li {padding:0;list-style:none;}ol li {counter-increment:step-counter;list-style:none;margin-bottom:.625rem;}ul li {list-style:none;list-style-position:outside;margin-bottom:.525rem;}ul li:before {content:'\2022';width:1.25rem;margin-top:-1.25rem;position:relative;display:block;}ul li:before {font-size:.75rem;color:var(--primary);content:'\25B6 \FE0E';top:1.6rem;left:-1.8rem;}ol li:before {content:counter(step-counter) ".";position:relative;display:block;width:1.75rem;height:1.75rem;top:1.4rem;left:-1.625rem;margin-top:-1.25rem;text-align:center;}ol li:before {font-size:1rem;line-height:1.3;content:counter(step-counter) " ";line-height:1.6;color:#000;border:.0625rem solid var(--primary);border-radius:100%;top:2rem;left:-2.4rem;}a {text-decoration:none;font-weight:bold;color:#000;border-bottom:.0625rem solid var(--primary);padding-top:.05rem;padding-bottom:.05rem;background:linear-gradient(to bottom,var(--light) 0, var(--light) 100%);background-position:0 100%;background-repeat:repeat-x;background-size:0 0;transition:background .4s ease-in-out,color .4s ease-in-out;}a:hover {color:var(--primary);background-size:.625rem 3.125rem;}blockquote {display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:40px;margin-inline-end:40px;border-left: .1625rem solid var(--primary);padding:30px;background:var(--light);}hr {display:block;border-top:3px dashed var(--primary);width:80%;}h2.blog-title {margin-top:60px;}.container2 {width:800px; margin:0 auto;}img {max-width:100%;height:auto;display:block;margin:0 auto;border: .1625rem solid var(--primary);border-radius:3px;}p.blog-date, p.blog-comment-link a,.blog-footer{font-family: var(--special);font-weight:normal;}p {margin-top:0.1em;margin-bottom:0.8em;}h1 {display:block;font-size:2em;margin-top:0.67em;margin-bottom:0.1em;}h2 {display:block;font-size:1.5em;margin-top:0.83em;margin-bottom:0.1em;}h3 {display:block;font-size:1.17em;margin-top:0.83em;margin-bottom:0.1em;}.blog-footer {text-align:center;}@media screen and (max-width:800px) {.container2 {width:100%; margin:0 auto;}img {max-width:80%;height:auto;display:block;margin:0 auto;}}.blog-header {text-align:center;}body > div.blog-header > h1 {border-bottom:.1625rem solid var(--primary); padding-bottom:5px; }