:root{--gray-darker:#121212;--gray-dark:#181818;--gray:#282828;--gray-light:#404040;--gray-lighter:#b3b3b3;--black:#000;--white:#fff}body{-webkit-tap-highlight-color:transparent;background-color:var(--gray-dark);color:var(--white);font-family:monospace;margin:2rem}main{display:flex;flex-direction:column;gap:2rem;max-width:80ch;margin:0 auto}article{display:flex;flex-wrap:wrap;gap:1rem;flex:1 1}@media (min-width:426px){main{flex-direction:row}}