:root { color-scheme: light dark; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
    font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    display: grid;
    place-items: center;
    background-color: #E6E6E6;
    color: canvastext;
}

.center {
    text-align: center;
    padding: 24px;
}

.logo {
    width: min(320px, 60vw);
    height: auto;
    display: block;
    margin: 0 auto 20px auto;
}

.tagline h2 {
    margin: 0 0 8px 0;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #1A1A1A;
}

.tagline p {
    margin: 0;
    max-width: 60ch;
    margin-inline: auto;
    opacity: 0.9;
    color: #1A1A1A;
}