:root{--base-100:#121418;--base-200:#b8a9ff;--base-300:#f4f2ec;--base-400:#1c1917;--base-500:#243447;--base-600:#d6e0ea}*{box-sizing:border-box;margin:0;padding:0}h1{text-transform:none;letter-spacing:-.02em;font-family:Barlow Condensed,sans-serif;font-size:clamp(3rem,10vw,15rem);font-weight:900;line-height:.75}section{text-align:center;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}section h1{width:65%}.one{background-color:var(--base-100);color:var(--base-200)}.two{background-color:var(--base-300);color:var(--base-400)}.three{background-color:var(--base-500);color:var(--base-600)}