.character{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:scroll;padding:10px;.title{color:orange;font-weight:700;display:flex;width:100%;align-items:center;justify-content:center}.characterAttributes{gap:4px;.attribute{flex-direction:row;gap:8px;.attributeName{color:crimson;font-weight:700}.attributeValue{color:orange;font-weight:700}}}.characterAttributes,.characterSkills{display:flex;flex-direction:column;display:flex}.characterSkills{gap:8px;.skill{color:#228b22;gap:2px;.skillName{font-weight:700}.skillDesc{color:orange;font-size:12px}}}.perk{color:brown;font-weight:700}.perkDesc{color:orange;font-size:12px}.characterName{font-size:18px;text-align:center;color:orange;font-weight:700}.characterStats{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;font-weight:700}}.inventory{display:flex;flex-direction:column;gap:6px;overflow-y:scroll;padding:10px;.inventoryItem{.itemName{color:gold;font-weight:700}.itemDescription{font-size:12px;color:orange}}}