button formatting

Red Giant/RedGiant.css

@@ -1,13 +1,10 @@
 
 /*----------------- FONTS ------------------*/
 
-@import url('https://fonts.googleapis.com/css?family=Balthazar|UnifrakturMaguntia&display=swap');
+@import url('https://fonts.googleapis.com/css?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
 /*
-regular text
-font-family: 'Balthazar', serif;
-headings
-font-family: 'UnifrakturMaguntia', cursive;
+font-family: 'EB Garamond', serif;
 */
 
 
@@ -155,8 +152,8 @@ textarea.sheet-notetext{
 .sheet-topgrid {
   grid-area: topgrid;
   align-self: self-start;
-  font-family: 'Balthazar', serif;
-  grid-template-columns: 200px 100px 50px 6px 50px 6px 50px 10px 70px 15px 60px 10px 70px 10px 70px;
+  font-family: 'EB Garamond', serif;
+  grid-template-columns: 200px 70px 50px 6px 50px 6px 50px 20px 90px 10px 60px 20px 70px 10px 70px;
   display: grid;
   grid-gap: 4px;
   grid-template-rows: 30px;
@@ -165,7 +162,7 @@ textarea.sheet-notetext{
 
 label.sheet-big-label {
 	
-	font-family: 'Balthazar', serif;
+	font-family: 'EB Garamond', serif;
 	text-align: center;
 	color: black;
 	display: inline;
@@ -178,7 +175,7 @@ label.sheet-big-label {
 
 .sheet-topgrid input[type=number].sheet-stat-inputs{
 	
-	font-family: 'Balthazar', serif;
+	font-family: 'EB Garamond', serif;
 	color: black;
 	display: inline;
 	height:30px;
@@ -243,6 +240,27 @@ input.sheet-radio-roll-state[value="disadvantage"] ~ button.sheet-radio-roll-sta
     background-color: rgb(212, 97, 115);
 }
 
+button.sheet-tabbutton {
+	
+	font-family: 'EB Garamond', serif;
+	background-color: rgb(235, 237, 235);
+	font-size: 150%;
+	font-style: bold;
+	color: rgb(236,60,67);
+	width: 64px;
+	height: 24px;
+	border-width: 3px;
+	border-style: groove;
+	border-color: rgb(236,60,67);
+	border-radius: 0px;
+	
+}
+
+button.sheet-tabbutton:hover {
+	
+	background-color: rgb(222, 222, 222);
+
+}
 
 
 
@@ -645,20 +663,7 @@ button.sheet-selectbutton {
 	
 }
 
-button.sheet-tabbutton {
-	
-	font-family: 'Yeseva One', cursive;
-	background-color: #6b71a7;
-	font-size: 150%;
-	color: white;
-	width: 140px;
-	height: 30px;
-	border-style: none;
-	border-radius: 8px;
-	
-}
 
-button.sheet-tabbutton:hover,
 button.sheet-selectbutton:hover,
 .sheet-focuses button[type=roll].sheet-selectbutton-long:hover,
 .sheet-talents button[type=roll].sheet-usebutton:hover,

Red Giant/RedGiant.html

@@ -27,6 +27,8 @@
 		
 		<label class="sheet-big-label" > Roll Mod </label>
 		
+		<span> </span>
+		
 		<input name="attr_roll_mod" class="sheet-stat-inputs" type="number" value="0" /> 
 		
 		<span> </span>