body,html{margin:0;padding:0}html{--color-background: #200a19;--color-primary: #dad73c}body{background:var(--color-background);color:var(--color-primary);text-align:center;padding:60px}body #seed{font-size:1.5em;font-weight:bold;margin:0px;text-align:center;border:0px;border-bottom:1px dashed var(--color-primary);color:var(--color-primary);padding:5px 10px;background-color:rgba(0,0,0,0)}body #seed:focus{outline:none}body .playerContainer{display:grid;grid-template-columns:1fr 1fr;gap:20px}body .characterContainer{display:grid;grid-template-columns:1fr 1fr;gap:20px}body .characterContainer .character{display:flex;flex-direction:column;border:1px solid var(--color-primary);border-radius:10px;padding:20px 10px;gap:10px}body .characterContainer .character .name{font-size:1.5em;font-weight:bold;margin:0px}body .characterContainer .character .classContainer{display:flex;justify-content:center;align-items:center;gap:10px}body .characterContainer .character .classContainer .class{background:var(--color-primary);color:var(--color-background);padding:5px 10px;margin:0px;border-radius:5px}