html {
    height: 100%;
}

    body {
        font-family: "RobotoDraft", "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        min-height: 100%;
        max-height: 100%;
        height: 100%;
        margin: 0;
        font-family: "Roboto", "Noto", sans-serif;
        font-size: 1rem;
        line-height: 1rem;

        background: url(/images/logotype/manifest-icon-192.png) center no-repeat;
        background-color: #292c2f;

        /* this is for the SPA to be contained inside their respective area */
        overflow: hidden; 
        height: 100%;  
        max-height: 100%; 
    }

@media print {
    body {
        background: none;
        overflow: hidden; 
        height: 100%;  
        max-height: 100%;
    }
}

/* Roboto regular */

@font-face {
    font-family: "Roboto";
    src: url("/fonts/Roboto/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Roboto italic */

@font-face {
    font-family: "Roboto";
    src: url('/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Roboto bold */

@font-face {
    font-family: "Roboto";
    src: url('/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}