*{box-sizing:border-box}body{margin:0;color:#f1ffed;background:#020702;font:500 1rem/1.4 system-ui,sans-serif}main{max-width:1087px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,2.5rem);background:#071505;border-bottom:1px solid #497e28}h1{margin:0;font:800 clamp(1rem,2vw,1.45rem)/1.1 system-ui;text-transform:uppercase;color:#95ff5e}nav{display:flex;gap:.7rem;flex-wrap:wrap}a{color:#c1ff92;padding:.55rem .85rem;border:1px solid #579d32;border-radius:.3rem;text-decoration:none}a:hover,a:focus-visible{background:#9bff67;color:#081304}img{display:block;width:100%;height:auto}@media(max-width:520px){header{align-items:flex-start;flex-direction:column}nav{width:100%}a{flex:1;text-align:center}}