body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}#login{width:300px;margin:40px auto}input{padding:10px;border:1px solid #ccc;width:220px;outline:0}button{margin:5px 0;padding:10px 20px;cursor:pointer}#imageList{display:flex;flex-wrap:wrap;height:calc(100vh - 160px);overflow:auto;padding:20px 40px}#imageList>div{display:inline-block;width:48%;margin:1%;cursor:pointer;box-sizing:border-box;transition:all .2s ease-in-out;opacity:.7;border:3px solid #ccc;padding:10px;position:relative}@media (max-width:1024px){#imageList>div{width:98%}}#imageList>div.picking,#imageList>div:hover{opacity:1;border:3px solid #3c9}#imageList>div.selected{opacity:1;border:3px solid #f63}#imageList>div.active:after{content:"✓";position:absolute;bottom:10px;right:10px;background-color:#f63;width:30px;height:30px;color:#fff;border-radius:50%;font-size:20px;font-weight:700;text-align:center;padding-top:1px;box-sizing:border-box;display:inline-block}#imageList>div img{width:300px;height:168px;object-fit:contain;float:left;margin:-10px 10px -10px -10px;background:#000}#imageList>div .title{margin-bottom:5px;font-size:20px}#imageList>div .description{margin-bottom:5px;font-size:16px}#imageList>div .layout{display:none;color:#fff;font-size:13px;font-style:italic;position:absolute;bottom:0;left:0;padding:5px;background:#f63;text-transform:capitalize}.header{background:#000;padding:10px;margin:0;height:55px;box-sizing:border-box}form div{margin:5px 0}button{color:#fff;background-color:#f63;border-color:#f63;border-width:1px;border-style:solid;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857;border-radius:45px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;font-size:16px;line-height:1;padding:12px 24px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}button:hover{background-color:#ff4000;border-color:#f53d00}button:disabled{opacity:.5;cursor:not-allowed}button#restart{background-color:transparent;border-color:transparent;color:#666}button#restart:hover{border-color:#f53d00;color:#333}button#restart[disabled]{border-color:transparent}.buttons{position:fixed;bottom:20px;width:100%;text-align:center}