/* my css. colours are from the uae-55 page because i liked them */
body{margin:0;font-family:"Trebuchet MS",Verdana,sans-serif;background:#fffbea;color:#222;line-height:1.5}
header{background:#1d7a46;color:#fff;padding:28px 20px 18px;border-bottom:6px solid #c8102e}
header h1{margin:0;font-family:"Courier New",monospace;font-size:2.4em}
.blink{animation:b 1s steps(1) infinite}@keyframes b{50%{opacity:0}}
.tag{margin:4px 0 10px}
nav a{color:#fff}
main{max-width:960px;margin:auto;padding:10px 20px}
h2{border-bottom:3px dashed #1d7a46;display:inline-block;padding-right:10px}
.note{background:#ffe680;display:inline-block;padding:3px 8px;font-size:.9em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{display:flex;flex-direction:column;background:#fff;border:2px solid #222;padding:10px;color:inherit;text-decoration:none;box-shadow:4px 4px 0 #222;transition:.15s}
a.card:hover,a.card:focus-visible{box-shadow:7px 7px 0 #c8102e;transform:translate(-2px,-2px)}
.card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid #999;display:block}
.card h3{margin:8px 0 2px}.card p{margin:0;font-size:.92em}
.soon{background:#f1f1f1}.ph{font-size:60px;text-align:center;padding:30px 0;border:1px dashed #999}
footer{text-align:center;padding:30px;font-size:.85em;color:#666}
h2{margin-top:32px}
.path{font-family:"Courier New",monospace;background:#ffe680;padding:0 3px}
a{color:#1d7a46}nav a{color:#fff}
@media (max-width:600px){header{padding:20px 16px 14px}header h1{font-size:1.9em}main{padding:6px 14px}.grid{grid-template-columns:1fr;gap:16px}}
@media (prefers-reduced-motion:reduce){.blink{animation:none}.card{transition:none}}