@font-face {
    font-family: "base";
    src: url("../font/RedHatText-VariableFont_wght.ttf");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "base";
    src: url("../font/RedHatText-Italic-VariableFont_wght.ttf");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "accent";
    src: url("../font/Sora-VariableFont_wght.ttf");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --white: #eef1ff;
    --black: #161720;
}

::selection {
    background: var(--black);
    color: var(--white);
}

html {
    background: var(--white);
    color: var(--black);
    font-family: "base", sans-serif;
    line-height: 1.4;
}

body {
    max-width: 930px;
    margin: 60px auto 20px;
}

h1 {
    font-size: 3rem;
    font-family: "accent";
}