:root {
    --primary: oklch(0.1 0.01 250);
    --canvas: oklch(0.95 0.01 95);
    --secondary: oklch(0.92 0.01 93);
    --text-primary: oklch(0.25 0.01 250);
    --text-secondary: oklch(0.5 0.01 250);
}

@font-face {
    font-family: "Inter";
    src: url("/static/fonts/Inter.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* */

body {
    font-family: "Inter";
    font-synthesis: none;
    background: var(--canvas);

    padding: 0;
    margin: 0;

    display: flex;
    justify-content: center;
}

p, a,
h1, h2, h3, h4, h5, h6,
button, input {
    color: var(--text-primary);
    padding: 0;
    margin: 0;

    border: none;
    outline: none;
}

/* Temporary for waitlist */

.content {
    display: grid;
    position: absolute;
    max-width: min-content;

    top: 32vh;
    gap: 0.125rem;

    .author {
        text-align: right;
        font-size: 0.875rem;
    }

    .quote {
        font-size: clamp(1.35rem, 1rem + 1vw, 2rem);
        white-space: nowrap;
        font-weight: 700;
        text-align: center; 
    }

    .info {
        font-size: clamp(0.8rem, 0.7rem + 0.5vw, 1rem);
        text-align: left;
        margin-top: 0.875rem;
    }
}

@media (width < 700px) {
    .content {
        top: 28vh;
    }
}