:root {
            --background: #090603;
            --text: #333;

            --font: Sarpanch, Arial, Helvetica, sans-serif;
            --font-size: clamp(4rem, 20vw, 18rem);
            --line-height: 0.85;
            --letter-spacing: -0.042em;
            --cursor-width: 0.075em;
            --cursor-height: 0.78em;
            --cursor-margin-left: 0.05em;
        }

        * {
            box-sizing: border-box;
        }

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

        body {
            background: var(--background);
            color: var(--text);

            font-family: var(--font);
            font-size: var(--font-size);
            line-height: var(--line-height);
            letter-spacing: var(--letter-spacing);

            overflow: hidden;

            display: flex;
            align-items: center;
            justify-content: center;

            padding: 1rem;
        }

        .container {
            width: 100%;
            height: 100%;
            align-items: start;
        }

        .text {
            margin: 0;
            overflow-wrap: break-word;
            word-break: normal;

            visibility: hidden;
        }

        .font-loaded .text {
            visibility: visible;
        }

        .cursor {
            display: inline-block;

            width: var(--cursor-width);
            height: var(--cursor-height);

            background: currentColor;

            margin-left: var(--cursor-margin-left);
            vertical-align: baseline;

            animation: blink 1.4s steps(1, end) infinite;
        }


        @keyframes blink {
            0%,
            49% {
                opacity: 1;
            }

            50%,
            100% {
                opacity: 0;
            }
        }

        @media (max-width: 600px) {
            :root {
                --font-size: clamp(3.5rem, 18vw, 8rem);
            }

            body {
                padding: 6vw;
            }
        }

        @font-face {
            font-family: "Sarpanch";
            src: url("/sarpanch-xb.woff2") format("woff2");
            font-weight: 700 900;
            font-style: normal;
            font-display: swap;
        }