* {
    font-family: "Times New Roman", Times, serif !important;
}

b {
    font-size: inherit;
}

body {
    background-color: #fff;
    max-height: calc(var(--app-h, 100vh) * 0.9);
    color: #000;
    text-align: center;
    margin: 0;
}

img {
    max-height: calc(var(--app-h, 100vh) - 15px);
    max-width: calc(var(--app-w, 100vw) - 15px);
    cursor: var(--cursor-zoom-in, image-set(url(/res/img/cursor/zoom-in.png) 1x, url(/res/img/cursor/zoom-in@2x.png) 2x, url(/res/img/cursor/zoom-in@3x.png) 3x, url(/res/img/cursor/zoom-in@4x.png) 4x) 6 6), zoom-out !important;
    margin-left: 5px;
    margin-top: 5px;
}

.zoomed {
    max-width: var(--app-w, 100vw);
    max-height: none;
    width: var(--app-w, 100vw);
    object-fit: contain;
    margin: 0;
    margin-bottom: -5px;
    cursor: var(--cursor-zoom-out, image-set(url(/res/img/cursor/zoom-out.png) 1x, url(/res/img/cursor/zoom-out@2x.png) 2x, url(/res/img/cursor/zoom-out@3x.png) 3x, url(/res/img/cursor/zoom-out@4x.png) 4x) 6 6), zoom-out !important;
}