:root {
  background: linear-gradient(0deg, #444, #222);
  @media (prefers-color-scheme: light) {
    background: linear-gradient(0deg, #eee, #bbb);
  }
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

:root, body {
  color-scheme: dark light;
  font-family: sans-serif;
  text-align: center;
  margin: 0;
}

body {
  box-sizing: border-box;
  min-height: 100svh;
  max-width: 100svw;
  padding: 2em;
}

h1 {
    font-size: 2em;
}

.tagline {
  font-size: 1.5em;
}

img.portrait {
  height: 20em;
  width: 20em;
  border-radius: 50%;
  box-shadow: 0 0 4em #000;
}

img {
  max-width: 100%;
}