:root {
  color-scheme: only light;
  --bg-start: #f5f7f9;
  --bg-end: #e8edf3;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  min-height: 100vh;
  background: linear-gradient(180deg, var(--bg-start), var(--bg-end));
  font-family: "Source Sans 3", "Segoe UI", Tahoma, sans-serif;
}

.stage {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem;
}

.logo {
  width: min(72vw, 420px);
  max-height: 48vh;
  object-fit: contain;
}
