add basic attribute and combat rolls

src/main.css

@@ -49,7 +49,7 @@
 
 
 
-.die {
+.sheet .die {
     width:  48px;
     height: 48px;
     line-height: 48px;
@@ -62,14 +62,30 @@
     color: #fff;
 }
 
-.die-courage      { background-color: #b22319; }
-.die-cleverness   { background-color: #8158a3; }
-.die-intuition    { background-color: #388834; }
-.die-charisma     { background-color: #0c0c0c; }
-.die-dexterity    { background-color: #d4b366; }
-.die-agility      { background-color: #678ec3; }
-.die-constitution { background-color: #a3a3a3; }
-.die-strength     { background-color: #d5a877; }
+.sheet .die-courage      { background-color: #b22319; }
+.sheet .die-cleverness   { background-color: #8158a3; }
+.sheet .die-intuition    { background-color: #388834; }
+.sheet .die-charisma     { background-color: #0c0c0c; }
+.sheet .die-dexterity    { background-color: #d4b366; }
+.sheet .die-agility      { background-color: #678ec3; }
+.sheet .die-constitution { background-color: #a3a3a3; }
+.sheet .die-strength     { background-color: #d5a877; }
+
+.sheet .die-attacke       { background-color: #b22319; }
+.sheet .die-parade        { background-color: #388834; }
+.sheet .die-trefferpunkte { background-color: #0c0c0c; }
+
+.sheet .item-open,
+.sheet .item-delete,
+.sheet .roll {
+    cursor: pointer;
+}
+
+.sheet .item-open:hover,
+.sheet .item-delete:hover,
+.sheet .roll:hover {
+    transform: scale(1.05);
+}
 
 
 .character-image {
@@ -101,6 +117,7 @@
 
 .item-name {
     gap: 0.5rem;
+    flex: 0 1 auto;
 }
 
 .item-sub {