:root{--sans-font:-apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
    "Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
    "Helvetica Neue", sans-serif;--mono-font:Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--serif-font:"Liberation Serif", Georgia, Times, serif;--bg:#f8f8f8;--light-bg:#eee;--accent-bg:#cadaec;--text:#333;--text-light:#585858;--border:#898EA4;--accent:#135c88;--code:#d81b60;--preformatted:#444;--marked:#ffdd33;--disabled:#efefef}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--sans-font);scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);background:linear-gradient(var(--accent-bg),var(--bg) 200px);font-size:1.1rem;line-height:1.7;display:grid;grid-template-columns:1fr min(1248px,90%)1fr;margin:0}body>*{grid-column:2}h1{font-size:3rem}h2{font-size:1.5rem;color:var(--text-light);margin:0 0 3rem}h3{font-size:2rem;margin-top:3rem}p,h1,h2,h3{overflow-wrap:break-word}h1,h2,h3{line-height:1.1;text-align:center}a,a:visited{color:var(--accent);text-decoration:none}p a,p a:visited{border-bottom:3px solid var(--accent);transition:all .2s ease}p a:hover{background:var(--accent);color:var(--bg);border-top:3px solid var(--accent);border-radius:3px}hr{border:none;height:1px;background:var(--border);margin:2.5rem auto}img{max-width:100%;height:auto;vertical-align:middle}figure{text-align:center;position:relative;margin:0}figcaption{font-size:.9rem;color:var(--text-light);margin-bottom:1rem}blockquote{margin:2rem 0;padding:.1rem .8rem;border-left:.35rem solid var(--preformatted);color:var(--text-light);background:var(--light-bg)}cite{font-size:.9rem;color:var(--text-light);font-style:normal}ul{list-style-type:square}li{margin-bottom:1em}.grid{display:grid;column-gap:1.5rem;row-gap:1.5rem;grid-template-rows:auto;grid-template-columns:repeat(1,1fr)}.grid a{display:block;transition:all .3s ease}.grid a:hover{transform:scale(1.04);box-shadow:0 0 16px rgba(0,0,0,.3)}.cell,figure img{background:linear-gradient(-45deg,#eee,#fff,#ccc,#ddd);background-size:400% 400%;animation:gradient 5s ease infinite}@keyframes gradient{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}body>footer{margin-top:2rem;padding:2rem 1rem 1.5rem;color:var(--text-light);font-size:.9rem;text-align:center}body>footer p{margin:.5em 0}time{color:var(--text-light);font-size:.8rem;display:block;margin:1rem 0;font-weight:300}article figure{margin-bottom:3rem}ul.tags{padding:0;margin:0;font-size:.8em}ul.tags li{list-style:none;display:inline-block;margin:.4em .4em .4em 0}ul.tags li a{display:block;border:none;border-radius:.35rem;background:var(--accent);color:var(--accent-bg);padding:.2em .8em}ul.tags li a:hover{background:var(--text-light);color:var(--light-bg)}nav.posts{margin-top:3em;display:flex;flex-direction:column;align-items:stretch;margin-left:-1rem;margin-right:-1rem;padding:0}nav.posts a{margin:.5rem 1rem;border:none;padding:1.5rem;border-radius:.35rem;background:var(--light-bg);color:var(--text-light)}nav.posts a:hover{color:var(--light-bg);background:var(--text-light)}nav.posts span{display:block;font-size:.8em}.text-light{color:var(--text-light)}@media only screen and (min-width:769px){h1{margin:1.5em 0}h2{font-size:2.6rem}.grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1280px){body{font-size:1.3rem}body>footer{margin-top:3rem}blockquote{padding-left:1.5rem;margin-left:-1.85rem}ul,ol{padding-left:0}blockquote ul,blockquote ol{padding-left:1em}li::marker{color:var(--accent)}nav.posts{flex-direction:row}nav.posts a{flex:0 0 calc(50% - 2rem)}.grid{grid-template-columns:repeat(3,1fr)}article p,ul.tags{padding:0 3rem}}