*{box-sizing:border-box;margin:0;padding:0}body{background:#ff1493;color:#fff;font-family:arial,sans-serif}#color-card{background-color:rgba(0,0,0,.8);border-radius:.25rem;color:#ff1493;left:50%;position:absolute;gap:1rem;grid-gap:1rem;top:50%;transform:translate(-50%,-50%)}#color-card header{margin:1rem 1rem 0 1rem}#color-card h1{font-size:4rem;text-align:center;text-transform:uppercase;width:100%}#color-card dl{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin:1rem}#color-card dt{font-weight:300}#color-card dd{white-space:nowrap}