html{background-color:#fff;color:#242424}.ma-bg-clr-1,ul.colors-demo li:nth-child(1){background-color:#6089be}.ma-bg-clr-2,ul.colors-demo li:nth-child(2){background-color:#73a9d9}.ma-bg-clr-3,ul.colors-demo li:nth-child(3){background-color:#a1d4f2}.ma-bg-clr-4,ul.colors-demo li:nth-child(4){background-color:#467345}.ma-bg-clr-5,ul.colors-demo li:nth-child(5){background-color:#242424}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}header{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}ul.colors-demo{list-style:none;display:flex;width:max-content;margin:0 auto;padding:2rem;text-align:center;font-size:2rem}ul.colors-demo li{width:15rem;height:15rem;display:grid;place-items:center;border:1px solid hsl(0deg,0%,14%)}ul.colors-demo li:nth-child(4){color:#a1d4f2}ul.colors-demo li:nth-child(5){color:#a1d4f2}