html, body { height: 100%; width: 100%; }
body, body > * { cursor: none; padding: 0px; margin: 0px;}
body { background: black; width: 100%; height: 100%;overflow: hidden; }
#clock { font-family: arial; position: absolute; bottom: 20px; right: 20px; z-index: 100000; color: white; font-size: 100px; text-shadow: black 0px 0px 10px; padding: 0 10px; background: rgba(0,0,0,0.75); line-height: 100px; height: 100px; width: 200px; }
#slideshow, #slideshow-loader { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; }
#slideshow { z-index: 2;}
#slideshow img, #slideshow video,
#slideshow-loader img, #slideshow-loader video { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; }
#slideshow img:first-child, #slideshow video:first-child { z-index: 1; }
#slideshow img.active, #slideshow video.active { z-index: 10; }
#slideshow img.last-active, #slideshow video.last-active { z-index: 9;}
#slideshow-loader { z-index: -1;}
#slideshow-loader img:first-child, #slideshow-loader video:first-child { z-index: 1; }