@font-face {
    font-family: 'Montserrat';
    font-weight: 200;
    src: url('/Assets/Fonts/200-Montserrat-ExtraLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    src: url('/Assets/Fonts/400-Montserrat-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 600;
    src: url('/Assets/Fonts/600-Montserrat-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    src: url('/Assets/Fonts/700-Montserrat-Bold.woff2') format('woff2');
}

*,
::before,
::after {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    font-family: var(--web-body-font-family);
    font-size: var(--web-body-font-size);
    font-weight: var(--web-body-font-weight);
    line-height: var(--web-body-line-height);
    text-align: var(--web-body-text-align);
    color: var(--web-body-color);
    background-color: var(--web-black);
    margin: 0;
    overscroll-behavior: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    margin: 0;
    font-weight: var(--web-font-weight-bold);
}

h1 {
    font-size: 2rem !important;
    margin-bottom: calc(var(--web-grid-gutter-y) * 1);
}

h2 {
    font-size: 1.875rem !important;
    color: var(--web-blue);
    margin-bottom: calc(var(--web-grid-gutter-y) * 1);
}

h3 {
    font-size: 1.625rem !important;
    color: var(--web-primary);
    margin-bottom: calc(var(--web-grid-gutter-y) * 1);
}