#html-div{width:100%;height:100%;padding:0 10px 10px 10px;margin:0 10px 10px 10px;background:#000;color:#f5f5f5;text-align:center;font-weight:700;line-height:2em}#body-div{height:90%;max-width:950px;margin:auto;padding:0 1em 1em 1em;background:beige;display:flex;flex-direction:column;font-weight:400;color:#000;line-height:2em}.template-overlay{position:absolute;z-index:10000;top:0;left:0;height:100%;width:100%;opacity:.8;display:flex;justify-content:center;align-items:center;background:#d3d3d3;color:#000;font-size:1.5em}body,html{height:99%!important;background:#000;margin:0!important;padding:0!important}h1{font-size:2em}@media screen and (max-width:820px){#body-div{font-size:.8em;line-height:.8em}}body,html{height:100%}html{background:#18181a}body{background:#18181a;padding:10px}#app,body{display:flex;justify-content:center;align-items:center}#app{width:95%;height:90%}#diaporama{width:95%;max-width:800px;height:100%;max-height:650px;margin:auto;padding:10px;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}#display{position:relative;max-height:477px;flex:1}#display,#display img{width:100%;height:100%}#display img{-o-object-fit:contain;object-fit:contain}#thumbs-menu{width:100%;height:155px;margin-top:3px;border:1px solid #000;overflow:hidden}#thumbs-list{overflow:auto;white-space:nowrap}.thumb{display:inline-block;height:120px;margin:15px;padding:3px;border:2px solid #000;cursor:pointer}.thumb.active{border-color:#daa520}.thumb img{max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;color:#fff;background:#000;cursor:pointer}.overlay:hover{opacity:.6}.hidden{display:none}.thumb{cursor:auto}