@font-face {
    font-family: 'Heading Now';
    src: url('../fonts/HeadingNow-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Variable.woff2') format('woff2');
    font-weight: 300 900;
    font-style: normal;
}

* {
    box-sizing: border-box;

    --webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
html, body {
    margin: 0;
    padding: 0;
}
body {
    position: relative;
    color: var(--color-grey);
    font-family: 'Inter', sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2rem;
    background-color: var(--color-carbon);
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh;
}