:root {
  --launch-background: rgb(34, 20, 47);
}

* {
  box-sizing: border-box;
}

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

body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding:
    max(20px, env(safe-area-inset-top))
    max(20px, env(safe-area-inset-right))
    max(20px, env(safe-area-inset-bottom))
    max(20px, env(safe-area-inset-left));
  background: var(--launch-background);
}

.launch-shell {
  width: min(92vw, 980px);
  display: grid;
  justify-items: center;
}

.hero-logo {
  width: min(100%, 900px);
  height: auto;
  display: block;
}