/* CertPub Locator's front page: the logo and "Locator" as one wordmark, on
   ink. The same page as CertPub Auth's, from its stylesheet. */

@font-face { font-family: "IBM Plex Sans"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }

:root {
    --ink: #0e2340;
    --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    font-family: var(--sans);
    line-height: 1.5;
    background: var(--ink);
}

main { text-align: center; }

.wordmark {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4em;
    margin: 0;
    color: #fff;
    font-size: clamp(2.5rem, 8vw, 4rem);
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1;
}

/* The logo's letters stand as tall as the capitals of "Locator". */
.wordmark img { height: 0.72em; width: auto; display: block; }