.grid-container{display:grid;grid-template-columns:repeat(5,auto);grid-gap:16px;gap:16px;justify-content:center;align-items:center}.grid-item{text-align:center;padding:8px 16px;background:#1c1c1e;color:#fff;font-weight:700;border-radius:8px}:root{--background-color:#fff;--text-color:#000}[data-theme=dark]{--background-color:#000;--text-color:#fff}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}