#root{align-items:center;display:flex;flex-direction:column;width:100%}.hero{background-color:var(--background-accent-color);color:var(--text-color);font-size:1.2em;padding:2em;text-align:center;width:100%}.hero h1{font-size:2em;margin:0 1em}.hero .desc{margin:0 4em}.hero .date{color:var(--text-accent-color);font-size:.8em}.post{font-size:1.2em;margin:1em 0;padding:1em;width:min(40em,80vw)}.post h2,.post h3,.post h4,.post h5,.post h6{color:var(--text-accent-color)}.post h2 a,.post h3 a,.post h4 a,.post h5 a,.post h6 a{color:inherit;text-decoration:none}.post pre{padding:1em}.post :not(pre)>code,.post pre{background-color:var(--background-accent-color);border-radius:.5em}.post :not(pre)>code{padding:.2em}