/* TYPE */

html {
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

@media all and (max-width: 767px) {
    /*html { font-size:87.5%; } */
}

body {
    width: 100%;
    top: 0 !important;

    /*     font-family: adelle-sans, sans-serif;*/
    font-family: proxima-nova, sans-serif;

    font-variant-numeric: proportional-nums;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;

    color: var(--white);

    background-color: var(--bg_blue);

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;


    overflow-x: hidden;
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;

    transition: transform 0.4s ease;

    --scrollbar-width: calc(100vw - 100%);
    -webkit-font-smoothing: antialiased;
}

html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}

p:not(.cta) a:focus-visible { /* outline:2px solid var(--ttl_error); outline-offset: 2px; */ outline: 3px solid black; box-shadow: 0 0 0 6px white;}