body,html{margin:0;padding:0;overflow:hidden;background:#111;font-family:sans-serif}.nav-buttons{position:absolute;top:20px;left:20px;z-index:10}.nav-buttons button{font-size:18px;padding:10px 15px;margin-right:10px;background:#222;color:#fff;border:1px solid #555;cursor:pointer}.preview-img{position:absolute;top:380px;left:20px;width:150px;border:2px solid #555;display:none;z-index:9}.viewer-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden}#viewer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:block}.info-panel{position:absolute;top:20em;left:50%;transform:translate(-50%,-50%);width:100%;max-width:100vw;max-height:80vh;padding:20px;background:none;color:#5c5c5c;font-family:monospace;font-size:14px;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:0}.info-panel img{opacity:.4;max-width:200px;width:100%;height:auto;margin-bottom:1em;border:2px solid rgb(113,73,39);border-radius:10px;box-shadow:0 0 8px #71492766;display:block}@media(max-width:768px){.nav-buttons{top:10px;left:10px}.nav-buttons button{font-size:16px;padding:8px 12px;margin-right:6px;border-radius:6px}.info-panel{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;width:100%;max-width:100%;margin:0;max-width:100vw;box-sizing:border-box;top:15em;font-size:1.2em;padding:15px;width:99vh}.info-panel img{max-width:250px;margin-bottom:.8em;opacity:.5}}.info-panel pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;width:100%;max-width:100%;text-align:left;font-family:monospace;font-size:.9em;margin:0;padding:1em;background:none}