@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap");

body {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

.landing {
    flex: 1;
    display: grid;
    place-items: center;
}

.hero {
text-align:center;
}

.hero .title,
.hero p {
    margin-inline: auto;
}

.title {
    font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(2.25rem, 4.2vw + 0.75rem, 4rem);
    font-weight: 600;
    font-style: normal;
    line-height: 1.04;
    letter-spacing: -0.03em;
    overflow-wrap: anywhere;
    min-width: 0;
    max-width: 16ch;
}

.hero p {
    max-width: 52ch;
}