:root{--color-primary:#07f;--color-neutral:#f2f3f5;--text-primary:#000;--text-secondary:#818c99;font-family:Nunito,sans-serif;--border-radius:8px;scroll-behavior:smooth}*,:after,:before{box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;height:100dvh;padding:1rem 0;margin:0;overflow-x:hidden}body::-webkit-scrollbar{width:14px;background-color:var(--color-neutral)}body::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:1rem;background-clip:padding-box;background-color:var(--color-primary)}main{max-width:1100px;width:100%;height:100%}