:root{font-family:system-ui,sans-serif;color:#172330;background:#f3f6f9}body{margin:0}main{max-width:760px;margin:auto;padding:32px 20px}h1{letter-spacing:-.04em;font-size:42px}label{display:block;margin:15px 0}input:not([type=checkbox]),textarea{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #ccd6de;border-radius:8px}button{padding:11px 16px;border:0;border-radius:8px;background:#164f75;color:white;margin:5px 6px 5px 0;cursor:pointer}section{border-top:1px solid #d5dfe6;margin-top:25px;padding-top:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere}#message{overflow-wrap:anywhere}#avatar{width:150px;height:150px}.media{display:grid;place-items:center;height:100vh;background:#142a3b;color:white;text-align:center}.media main{padding:0}