:root{--bgColor: #242424;--color: #fff}html,body{height:100%}*{box-sizing:border-box}body{background:var(--bgColor);color:var(--color);transition:.8s all;font-family:"Helvetica Neue",Helvetica,arial,sans-serif;text-align:start;margin:0;padding:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr min-content min-content;font-size:1rem}body>*{display:flex;justify-content:space-between;align-items:center}body>* a.btn,body>* button{color:#fff;text-decoration:none;display:block;padding:1rem;border:none;background:rgba(0,0,0,0);font-size:1rem;cursor:pointer}body>* a.btn:has(span+span+span),body>* button:has(span+span+span){display:flex;justify-content:center;align-items:end;line-height:1}body>* a.btn:has(span+span+span) span,body>* button:has(span+span+span) span{line-height:1;font-size:1.3rem}body>* a.btn:has(span+span+span) span:first-child,body>* button:has(span+span+span) span:first-child{font-size:.7rem}body>* a.btn:has(span+span+span) span:last-child,body>* button:has(span+span+span) span:last-child{font-size:1.7rem}body header h1{margin:0;text-wrap:balance;max-width:60ch;font-weight:normal;font-size:3rem;padding:1rem}body section{background:linear-gradient(#000 10%, #222 0)}body nav{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#000 10%, #222 0)}div#about-bloggingbot{max-width:60ch;background:var(--bgColor);color:var(--color);border:1rem solid var(--color);padding:1rem;font-size:1.3rem;transition:.8s all}div#about-bloggingbot a{display:inline;color:var(--color);text-decoration:underline;text-decoration-style:dotted}div#about-bloggingbot::backdrop{transition:.8s all;background:color-mix(in srgb, var(--color) 80%, rgba(0, 0, 0, 0))}#loadRandom{font-size:2rem}@media screen and (orientation: portrait){body>header>h1{font-size:1.5rem}}