html,body{margin:0;overflow-x:hidden;font-family:Arial,sans-serif}body{background-color:#000;height:100vh;overflow:hidden}.image-container::after{content:"click on picture to get a new one";position:absolute;bottom:50px;left:0;right:0;text-align:center;color:royalblue;font-size:12px;pointer-events:none}.image-container a{cursor:pointer}.image-container img{max-width:100vw;max-height:100vh;object-fit:contain;margin:5px}.settings-form,.category-info,.album-name{background-color:rgb(0 0 0 / .5);color:#fff;padding:5px;margin:5px;font-size:12px;border-radius:5px}.settings-form{position:absolute;top:10px;left:10px;z-index:10}.category-info{position:absolute;top:10px;right:10px;z-index:10}.album-name{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:10;text-align:center;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-form form{display:flex;align-items:center}.settings-form label{margin-right:5px;margin-bottom:0}.settings-form select{margin-right:5px}@media (max-width:768px){.album-name{font-size:10px;bottom:5px}.settings-form,.category-info{font-size:10px;padding:3px;top:5px}.image-container,.image-container img{height:calc(100vh - 20px)}}@media (max-width:480px) and (orientation:portrait){.settings-form,.category-info{top:5px;font-size:8px;padding:2px}.album-name{bottom:5px;font-size:8px}.image-container,.image-container img{height:calc(100vh - 20px)}}.modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;text-align:center}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.hidden{display:none}