diff --git a/Tales from the Loop/TFTL css.css b/Tales from the Loop/TFTL css.css
index 3f782be174..90bffd91cf 100644
--- a/Tales from the Loop/TFTL css.css	
+++ b/Tales from the Loop/TFTL css.css	
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css?family=Catamaran:800|Montserrat:400:800&display=swap');
+
 /* Colours for Reference:
 Light Pink: #fde6d3
 Dark Pink: #f8bd90
@@ -62,12 +64,17 @@ Light Blue: #dce0e9
 }
 
 /****** Divs ******/
+div {
+    box-sizing: border-box;
+}
+
 /* Contains the whole page */
 .sheet-wrapper {
     width: 750px;
     background-color: white;
     position: relative;
-    font:14px/15px "Arial Black", Gadget, sans-serif;
+    font-size: 14px;
+    font-family: "Catamaran", Gadget, sans-serif;
     color: black;
 }
 
@@ -82,11 +89,12 @@ Light Blue: #dce0e9
     margin-left: auto;
     margin-right: auto;
     background-repeat: no-repeat;
-    background-size: 750px;
+    background-position: center;
+    background-size: 100%;
 }
 
 .sheet-full {
-    background-image: url("http://i.imgur.com/H11F7PS.jpg");
+    background-image: url("https://s3.amazonaws.com/files.d20.io/images/134821648/zsgtTwHGN6Ooki4IZQtc6g/max.png?1589569230");
 }
 
 .sheet-tftf-full {
@@ -136,18 +144,37 @@ Light Blue: #dce0e9
 
 /* Black and white background for headers */
 .sheet-label {
+    padding: .75em;
+    
     color: white;
-    font-size: 15px;
-    background-image: url("http://i.imgur.com/CDBj8fq.jpg");
+    background-color: #000;
+    background-image: linear-gradient(90deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 55%), url("http://i.imgur.com/CDBj8fq.jpg");
+
+    font-size: 11pt;
+    font-family: "Catamaran", sans-serif;
+    font-weight: 800;
+    line-height: 1;
+    text-transform: uppercase;
+}
+
+label {
+    font-size: 10pt;
+    font-family: "Catamaran", sans-serif;
+    font-weight: 800;
+    text-transform: uppercase;
 }
 
 /* Light pink rows */
-.sheet-boxLight,
+
+.sheet-boxLight {
+    background-color: #fde6d3;
+}
+
+.sheet-iconic,
 .sheet-boxInfo,
 .sheet-boxInfoText,
-.sheet-iconic,
 .sheet-relation {
-    background-color: #fde6d3;
+    background-color: #fff2da;
 }
 
 /* Light purple rows */
@@ -223,20 +250,28 @@ Light Blue: #dce0e9
 }
 
 /****** Input Boxes ******/
+
+.sheet-wrapper input,
+.sheet-wrapper select,
+.sheet-wrapper textarea {
+    border-radius: 0;
+}
+
 /* Number input boxes */
 .sheet-left input[type=number],
 .sheet-right input[type=number],
 .sheet-tftf-left input[type=number],
 .sheet-tftf-right input[type=number] {
     text-align: center;
-    font-family: "Arial Black", Gadget, sans-serif;
+    font-family: "Catamaran", Gadget, sans-serif;
     font-size: 15px;
     float: right;
     width: 50px;
     border-color: #3d3d29;
-    -webkit-box-shadow: 1px 1px 2px 0px #3d3d29;
-    -moz-box-shadow: 1px 1px 2px 0px #3d3d29;
-    box-shadow: 1px 1px 2px 0px #3d3d29;
+    border-radius: 0;
+    -webkit-box-shadow: 1px 1px 2px 0px rgba(61, 61, 41,0.5);
+    -moz-box-shadow: 1px 1px 2px 0px rgba(61, 61, 41,0.5);
+    box-shadow: 1px 1px 2px 0px rgba(61, 61, 41,0.5);
 }
 
 /* Number input boxes in right column */
@@ -245,7 +280,7 @@ Light Blue: #dce0e9
 .sheet-tftf-rightCol input[type=number],
 .sheet-tftf-leftCol input[type=number] {
     border: none;
-    font-family: "Arial Black", Gadget, sans-serif;
+    font-family: "Catamaran", Gadget, sans-serif;
     font-size: 15px;
     width: 55%;
     text-align: center;
@@ -287,7 +322,7 @@ Light Blue: #dce0e9
 .sheet-tftf-iconic  input[type=text],
 .sheet-tftf-scarsBox input[type=text] {
 	border: none;
-    font-family: "Arial Black", Gadget, sans-serif;
+    font-family: "Catamaran", Gadget, sans-serif;
     font-size: 15px;
 }
 
@@ -360,8 +395,8 @@ Light Blue: #dce0e9
 .sheet-tftf-relation input[type=text] {
     float: left;
     margin-right: 5px;
-    font-family: "Arial Black", Gadget, sans-serif;
-    font-size: 11px;
+    font-family: "Catamaran", Gadget, sans-serif;
+    font-size: 10pt;
     color: black;
     border: none;
     width: 25%;
@@ -369,7 +404,7 @@ Light Blue: #dce0e9
 }
 
 .sheet-relation input[type=text] {
-    background-color: #fde6d3;
+    background-color: transparent;
 }
 
 .sheet-tftf-relation input[type=text] {
@@ -393,6 +428,12 @@ Light Blue: #dce0e9
     margin-bottom: 0px;
 }
 
+.sheet-boxDark span,
+.sheet-boxLight span {    
+    font-family: "Catamaran", Gadget, sans-serif;
+    font-size: 13pt;
+}
+
 /* Lables for large input boxes for name, problem, etc. */
 .sheet-boxInfo label,
 .sheet-tftf-boxInfo label,
@@ -426,7 +467,7 @@ Light Blue: #dce0e9
 .sheet-tftf-boxInfo select {
     width: 55%;
     border: none;
-    font-family: "Arial Black", Gadget, sans-serif;
+    font-family: "Catamaran", Gadget, sans-serif;
     font-size: 11px;
     text-align: left;
     margin-bottom: 0px;
@@ -446,7 +487,7 @@ Light Blue: #dce0e9
 .sheet-tftf-items select {
     width: 25%;
     border: none;
-    font-family: "Arial Black", Gadget, sans-serif;
+    font-family: "Catamaran", Gadget, sans-serif;
     font-size: 11px;
     text-align: left;
     margin-bottom: 0px;
@@ -495,7 +536,7 @@ Light Blue: #dce0e9
 
 .sheet-boxInfo textarea,
 .sheet-tftf-boxInfo textarea {
-    font-family: "Arial Black", Gadget, sans-serif;
+    font-family: "Catamaran", Gadget, sans-serif;
     font-size: 15px;
     float: right;
     width: 78%;
@@ -504,7 +545,7 @@ Light Blue: #dce0e9
 }
 
 .sheet-tftf-shame textarea {
-    font-family: "Arial Black", Gadget, sans-serif;
+    font-family: "Catamaran", Gadget, sans-serif;
     font-size: 15px;
     width: 66%;
     height: 20px;
@@ -522,7 +563,7 @@ Light Blue: #dce0e9
 
 .sheet-relation textarea,
 .sheet-tftf-relation textarea {
-    font-family: "Arial Black", Gadget, sans-serif;
+    font-family: "Catamaran", Gadget, sans-serif;
     font-size: 15px;
     float: right;
     width: 70%;
@@ -595,6 +636,7 @@ Light Blue: #dce0e9
     -webkit-box-shadow: 1px 1px 2px 0px #3d3d29;
     -moz-box-shadow: 1px 1px 2px 0px #3d3d29;
     box-shadow: 1px 1px 2px 0px #3d3d29;
+    cursor: pointer;
 }
 
 .sheet-boxLight label,
@@ -618,6 +660,7 @@ Light Blue: #dce0e9
     -webkit-box-shadow: 1px 1px 2px 0px #3d3d29;
     -moz-box-shadow: 1px 1px 2px 0px #3d3d29;
     box-shadow: 1px 1px 2px 0px #3d3d29;
+    cursor: pointer;
 }
 
 .sheet-boxLight input[type=checkbox]:checked ~ label,
@@ -659,8 +702,8 @@ Light Blue: #dce0e9
     background-color: transparent;
     color: black;
     border: none;
-    font-family: "Arial Black", Gadget, sans-serif;
-    font-size: 14px;
+    font-family: "Catamaran", Gadget, sans-serif;
+    font-size: 13pt;
     line-height: 15px;
     background-image: none;
     text-shadow: none;