body[data-palette="violet"]{--green:#8b6fe8;--green-2:#a38cf0;--mint:#2d2547;--blue:#6f9eea}body[data-palette="ocean"]{--green:#13a7a1;--green-2:#30c8bd;--mint:#173c3c;--blue:#4c8fdb}body[data-palette="burgundy"]{--green:#b75a71;--green-2:#d77b91;--mint:#40242d;--blue:#8c78b7}.palette-options{grid-template-columns:repeat(3,1fr)}@media(max-width:1100px){.palette-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.palette-options{grid-template-columns:1fr}}