header{padding:12px 0;display:flex;justify-content:space-between;border-bottom:solid white 1px}h1 a{display:flex;flex-direction:column;align-items:center;line-height:2rem}header nav{place-content:center}header ul{display:flex;justify-content:center;align-items:center;gap:24px}header a{font-size:2rem}#console{padding:6px 0}#root{min-height:100svh;width:100vw;padding:0 24px;display:flex;flex-direction:column;justify-content:space-between}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box;list-style:none;text-decoration:none}a{color:#fff}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}CSSResult Skip Results Iframe EDIT ON .rainbow-letters{font-size:40px;font-family:sans-serif;text-transform:uppercase}.rainbow-letters span:nth-child(10n+1){color:#ef5350}.rainbow-letters span:nth-child(10n+2){color:#ab47bc}.rainbow-letters span:nth-child(10n+3){color:#651fff}.rainbow-letters span:nth-child(10n+5){color:#3949ab}.rainbow-letters span:nth-child(10n+4){color:#2196f3}.rainbow-letters span:nth-child(10n+6){color:#00bcd4}.rainbow-letters span:nth-child(10n+7){color:#4caf50}.rainbow-letters span:nth-child(10n+8){color:#ffc107}