@font-face {
    font-family: Recursive;
    src: url("/recursive/recursive.woff2") format("woff2-variations");
    font-weight: 400 700;
    font-display: block;
}

html {
    --fg-color: #171717;
    --bg-color: #e0e0e0;
}

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

    color: var(--fg-color);
    background-color: var(--bg-color);

    --font-mono: 0;
    --font-casl: 0.5;
    --font-wght: 600;
    --font-slnt: 0;
}

* {
    box-sizing: border-box;

    font-display: block;
    font-family: Recursive, "Fira Sans", sans-serif;
    font-variation-settings: "MONO" var(--font-mono), "CASL" var(--font-casl),
        "wght" var(--font-wght), "slnt" var(--font-slnt);
}

a {
    text-decoration: none;
    color: inherit;
}

.plyr {
    width: 100%;
}