@layer base {
    *, *::before, *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    html {
        font-size: 15px;
        scroll-behavior: smooth;
        @media (max-width: 720px) {
            & {
                font-size: 14.5px;
            }
        }
    }
    body {
        font-family: var(--font-body);
        background: var(--bg);
        color: var(--ink);
        line-height: 1.55;
        -webkit-font-smoothing: antialiased;
    }
    a {
        text-decoration: none;
        color: inherit;
    }
    img {
        max-width: 100%;
    }

}