diff --git a/palette b/palette
new file mode 100644
index 0000000..78e99d2
Binary files /dev/null and b/palette differ
diff --git a/public/global.css b/public/global.css
index a3e05ce..3cb60c3 100644
--- a/public/global.css
+++ b/public/global.css
@@ -37,7 +37,7 @@ body {
 	margin: 0;
 	padding: 8px;
 	box-sizing: border-box;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-family: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 a {
@@ -92,3 +92,16 @@ button:not(:disabled):active {
 button:focus {
 	border-color: #666;
 }
+
+/*  ---- inputs --- */
+
+input, select {
+    border: 0px;
+    border-bottom: 1px solid var(--indigo-dye);
+}
+
+input:focus, select:focus {
+    border: 1px solid var(--indigo-dye);;
+}
+
+
diff --git a/src/components/App.svelte b/src/components/App.svelte
index 5c72f98..4dc6778 100644
--- a/src/components/App.svelte
+++ b/src/components/App.svelte
@@ -104,6 +104,8 @@
     display: grid;
     width: 60em;
     grid-template-columns: 4fr 1fr 1fr;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   main :global(> *) {
diff --git a/src/components/Field/index.svelte b/src/components/Field/index.svelte
index 81e939a..d068325 100644
--- a/src/components/Field/index.svelte
+++ b/src/components/Field/index.svelte
@@ -16,5 +16,8 @@
 <style>
 label {
     font-size: var(--font-scale-8);
+    font-weight: lighter;
+    font-family: Dosis;
+    color:  var(--indigo-dye);
 }
 </style>