html,body{padding:0;margin:0}body{width:100vw;height:100vh;text-align:center;font:20px Helvetica,sans-serif;color:#333;display:flex;justify-content:center;align-items:center}article{display:block;text-align:left;max-width:550px;line-height:130%;margin:0 auto;padding:15px 20px;position:relative;top:-75px;transition:top .3s ease-in-out}@media (max-height: 500px){article{top:0}}@media (prefers-color-scheme: dark){body{background:#343333;color:#e8e8e8}}