@font-face {
        font-family: "Jost";
        src: url("/Jost.woff2") format("woff2 supports variations");
        src: url("/Jost.woff2") format("woff2-variations");
        src:
                url("/Jost.woff2") format("woff2"),
                url("/Jost.ttf") format("truetype-variations"),
                url("/Jost.ttf") format("truetype");
        font-weight: 100 900;
        font-style: normal;
}

@font-face {
        font-family: "Jost";
        src: url("/Jost-Italic.woff2") format("woff2 supports variations");
        src: url("/Jost-Italic.woff2") format("woff2-variations");
        src:
                url("/Jost-Italic.woff2") format("woff2"),
                url("/Jost-Italic.ttf") format("truetype-variations"),
                url("/Jost-Italic.ttf") format("truetype");
        font-weight: 100 900;
        font-style: italic;
}

:root {
        --accent: #f7b21a;
        --logo: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" stroke-miterlimit="10" viewBox="434.04 204.69 57.45 57.58"%3E%3CclipPath id="a"%3E%3Cpath d="M434.04 204.69h57.45v57.58h-57.45z"/%3E%3C/clipPath%3E%3Cg clip-path="url(%23a)"%3E%3Cpath fill="%23f7b21a" d="M475.08 204.7c-5.33.15-10.82 2.29-14.51 5.98-7.39 7.4-.8 16.82-2.7 18.74-10.4 10.8-21.1 19.03-21.38 19.44-3.15 3.15-3.28 8.22-.27 11.23s8.08 2.88 11.23-.27c.4-.41 9.18-11.52 19.44-21.78 1.92-1.91 10.94 5.09 18.6-2.43 4.79-4.93 7.12-12.88 5.48-19.58l-11.9 11.76s-3.58.01-7.14-3.55-3.55-7.13-3.55-7.13l11.9-11.9a20 20 0 0 0-5.2-.51m-32.43 45.52a3.44 3.44 0 0 1 3.44 3.44 3.5 3.5 0 0 1-3.44 3.55 3.4 3.4 0 0 1-3.42-3.41c0-2.05 1.5-3.59 3.41-3.59"/%3E%3C/g%3E%3C/svg%3E');
}

* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
}

html {
        height: 100%;
}

body {
        height: 100%;
        padding: clamp(1.25rem, 4vmin, 4rem);
        background: #fff;
        color: #000;
        font-family: "Jost", sans-serif;
}

h1 {
        font-size: clamp(1.75rem, 7vmin, 4rem);
        line-height: 1;
}

p {
        font-size: clamp(1rem, 2.6vmin, 1.5rem);
        margin-top: clamp(0.75rem, 2.5vmin, 1.5rem);
}

a {
        color: inherit;
}
