:root{--font-heading:"Public Sans", sans-serif;--font-body:Georgia, serif;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--size-4:4px;--size-8:8px;--size-16:16px;--size-20:20px;--size-24:24px;--size-32:32px;--size-48:48px;--size-64:64px}body{margin:0}.root{background-color:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.background{padding:var(--size-4)}.icon-grid{grid-template:repeat(4,1fr)/repeat(2,1fr);gap:16px;width:100%;max-width:300px;transition:transform .2s;display:grid}@media (min-width:768px){.icon-grid{grid-template:repeat(3,1fr)/repeat(4,1fr);gap:32px;max-width:600px}}.icon-grid:hover{filter:brightness(1.03)}.icon{cursor:pointer;justify-content:center;align-items:center;transition:transform .2s;display:flex}.icon:hover{transform:scale(1.05)}.icon svg{width:100%;height:100%}