html
{
    box-sizing : border-box;
    font-size  : .7vw;
    height     : 100%;
}

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

body
{
    background-color : #ebf1f7;
    min-height       : 100%;
}


.w-preloader
{
    align-items      : center;
    font-family: 'Dosis', sans-serif;
    background-color : #fff;
    border           : .2rem solid #b4bdce;
    border-radius    : .5rem;
    height           : 17rem;
    display          : flex;
    flex-direction   : column;
    justify-content  : center;
    margin           : 1rem auto;
    width            : 30rem;
    font-size        : 1.6rem;
}

.w-preloader::before
{
    background    : url("https://shared.incancer.lahuen.health/assets/hegc/spinner--linea-circular.svg") no-repeat;
    content       : '';
    height        : 8rem;
    width         : 8rem;
}

.w-preloader__body
{
    color           : #0b405e;
    font-family     : 'Dosis', sans-serif;
    font-weight     : bold;
    text-transform  : uppercase;
}


.l-root__header
{
    background-color : #193c82;
    display          : flex;
    flex-wrap        : wrap;

}

.l-root__header .l-root__title
{
    display   : flex;
    flex-wrap : wrap;
    margin    : 2.5rem;
}