*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#102a2b;color:#fff;font-family:system-ui,sans-serif}body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{flex:0 0 auto;min-height:68px;padding:12px 18px;display:flex;align-items:center;gap:20px}header a{display:inline-block;padding:8px 12px;border-radius:5px;background:#f1d38e;color:#102a2b;text-decoration:none;font-weight:700}header span{font-size:14px}main{flex:1 1 0;min-height:0;width:100%;padding:8px 16px 18px;display:grid;place-items:center}main img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}a:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:600px){header span{display:none}main{padding:8px 10px 14px}}