html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#wrapper {
    grid-template-rows: auto auto 1fr auto;
}

#mainArea {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#mainCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#printDiv {
    display: none;
}

.premium #adUnit {
    height: env(safe-area-inset-bottom);
}

@media print {
    /* see here for further future customizations */
    /* https://www.tutorialspoint.com/css/css_paged_media.htm */
    @page {
        margin: 0.79in;
    }

    html, body {
        color: #000000;
        background-color: transparent !important;
        overflow: initial;
        margin: initial;
        padding: initial;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    #wrapper {
        display: none;
    }

    #printDiv {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #printDiv img {
        max-width: 100%;
        max-height: 100%;
    }
}