1 files changed, 31 insertions, 2 deletions
diff --git a/src/components/Display/Display.css b/src/components/Display/Display.css
index 1b89173..a3bc406 100644
--- a/src/components/Display/Display.css
+++ b/src/components/Display/Display.css
@@ -1,3 +1,32 @@
+@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
+/* Experimental color scheme */
+/* light theme */
+/* 
+$defBG: #FFFFFF;
+$altBG: lightgray;
+$defFG: #000000;
+$altFG: #232627;
+$defLink: brown;
+$altLink: brown;
+
+$defShadow: 0px 0px 4px #232627;
+*/
+/* Inspired by Dracula */
+.ItemsDisplay,
+.ItemsDisplay table {
+  width: 100%; }
+
 .ItemsDisplay {
-  margin-top: 3rem;
-  margin-bottom: 3rem; }
+  border-right: 1px dashed lightblue;
+  border-left: 1px dashed lightblue;
+  padding: 1rem 0.5rem; }
+
+.ItemsDisplay td {
+  text-align: center;
+  border-bottom: 1px solid lightblue; }
+
+.ItemsDisplay .leftAlign {
+  text-align: left; }
+
+.ItemsDisplay .legend {
+  background-color: #383A59; }