/*** GLOBALS ***/

* {
  box-sizing: border-box;
}

html {
  color-scheme: light dark;
  font-size: 15px;
  line-height: 1.6;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

body {
  margin: 10vw auto;
  padding: 1.5rem;
  max-width: 42rem;
  font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
}


/*** BUILT-INS ***/

button, a {
  font-weight: bold;
  text-decoration: none;
}

button, input {
  padding: 1rem;
  border-radius: 3px;
  font-size: inherit;
  font-family: inherit;
}

button {
  color: canvas;
  background: canvastext;
  border: none;
}

input {
  border: solid canvastext 2px;
}

p {
  margin: 6rem 0;
}


/*** COMPONENTS ***/

.inline-title {
  margin: 0;
  display: inline-flex;
}
.inline-title img {
  aspect-ratio: 1340 / 222;
  height: 1.4rem;
}
@media (prefers-color-scheme: dark) {
  .inline-title img {
    filter: invert(1);
  }
}

.email-capture {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: .5rem;
}