body { font-size: 16px; line-height: 1.2; overflow-x: hidden; color: #dedede; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; text-align: left; background-color: #fff; margin: 0; }

.display-body { background: #111b26; height: 100vh; display: flex; align-items: center; justify-content: center; padding: 0; flex-direction: column; text-align: center; }

#time { font-size: 300px; margin: 0; color: #fff; }

#date { text-align: right; font-size: 40px; margin: 0; font-weight: 300; }

#designator { font-size: 90px; }

#image-bg { height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; }


.pdf-viewer { width: 100%; height: 100%; }

#my_pdf_viewer { width: 100%; height: 100%; }

#canvas_container { width: 100%; height: 100%; }

#pdf_renderer { width: auto; min-height: 100% !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (max-width: 1440px) {
    #time { font-size: 200px; }
}

@media screen and (max-width: 1099px){
    #pdf_renderer{
    width: 100%;
    height: auto !important;
    min-height: inherit !important;
    }
}

@media screen and (max-width: 992px) {
    #time { font-size: 150px; }
}

@media screen and (max-width: 767px) {
    #time { font-size: 100px; }
    #date { font-size: 28px; }
}

@media screen and (max-width: 567px) {
    #date { text-align: center; }
}


.iframe-container {
    width: 100%;
    height: 100%;
    justify-content: center;
}

iframe {
    width: 100% !important;
    height: 100% !important;
    border: none;
}