:root {
  --textcolor: #353849;
  font-size: 62.5%;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Droid Serif", "Times New Roman", Times, serif; }

html, body { font-size: 2rem; line-height: 1.4; background: #b5b3b6; }

body { display: flex;
  align-items: center;
  justify-content: center; min-height: 100vh;  }

main { display: grid; gap: 4px; grid-template-columns: 1fr 1fr; max-width: 1000px; border: 1px solid #79767d; padding: 4px; position: relative; }
.content { background: white; padding: 3rem; hyphens: auto; hyphenate-limit-chars: 10 4 4; }

img { width: 100%; max-width: 500px; }

h1, h2 { margin-top: 0; }
h1 { font-size: 3rem; }
h2 { font-size: 2rem; margin-bottom: 1rem; }
p { margin-bottom: 2rem; }

@media screen and (max-width: 1060px) {
  main { grid-template-columns: 1fr; max-width: 500px; margin: 3rem 2rem; }
  .bluesky { top: -12px; right: -12px; }
}