- Created description tab

-Added background
- Redesign of base_value and skill tab

source/style/Character-sheet.less

@@ -197,13 +197,9 @@
 		font-style: italic;
 		background: rgba(0, 0, 0, 0.3);
 		color: rgba(255, 255, 255);
-
-		button {
-			background: rgba(255, 255, 255, 0.5);
-		}
 	}
 
-	button.roll-button {
+	.roll-button {
 		background: url(/icons/svg/d20-black.svg) no-repeat;
 		background-size: 1rem 1rem;
 		border: #000000 solid 0px;
@@ -211,6 +207,17 @@
 		height: 1rem;
 	}
 
+	.learn-button {
+		padding: 0;
+		margin: 0;
+		height: 1rem;
+		width: 4rem;
+		background: rgba(255, 255, 255, 0.5);
+		font-size: smaller;
+		text-align: center;
+ 		line-height: 0.8rem;
+	}
+
 	span.spell-process {
 		color: rgb(93, 93, 93);
 		font-style: italic;
@@ -261,15 +268,23 @@
 		}
 	}
 
+	.biography {
+		margin: 0.5rem 0.5rem 0.5rem 0.5rem;
+		height: 180px;
+		background-color: #eaead7;
+	  }
+	
 	.attributes {
 		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
 		display: flex;
 		flex-direction: row;
 		margin-bottom: 0.5rem;
 		background-color: beige;
+		flex-wrap: wrap;
+		justify-content: center;
 
 		.attribute {
-			flex: 0 0 7rem;
+			flex: 0 0 6rem;
 			margin: 0;
 			border: 1px solid @attributeBorderColor;
 			//border-bottom: none;