@import url("/fonts/inter/inter.css");

* {
    box-sizing: border-box;
}

html, body {
    font-family: var(--font-family), sans-serif !important;
    font-weight: var(--font-weight-default);
    font-size: var(--font-size-p);
    color: var(--grey-11);
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
}

body {
    position: fixed;
    height: 100%;
    background-color: var(--background);
}

.fluent-typography {
    font-family: var(--font-family), sans-serif !important;
}

h6, h5, h4, h3, h2, h1 {
    font-weight: var(--font-weight-semi-bold);
    font-family: inherit;
}

h1 {
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-semi-bold);
}

h3 {
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-semi-bold);
}

p {
    font-size: var(--font-size-p);
}

h1, h2, h3, h4, h5, p {
    margin: 0;
}

a {
    color: var(--marine-7);
    font-weight: var(--font-weight-semi-bold);
    text-decoration: none;
}