diff --git a/public/styles/card.css b/public/styles/card.css
index 2498825..4402079 100644
--- a/public/styles/card.css
+++ b/public/styles/card.css
@@ -1,7 +1,7 @@
 .card {
 	border-radius: 0;
 	border: none;
-	box-shadow: 0.25em 0.25em 0.5em var(--dark);
+	box-shadow: 0.25rem 0.25rem 0.5rem var(--dark);
 }
 
 .card-header, .card-header:first-child {
diff --git a/public/styles/colors.css b/public/styles/colors.css
index 3e91f0e..9f7ce2f 100644
--- a/public/styles/colors.css
+++ b/public/styles/colors.css
@@ -6,6 +6,7 @@
 	--secondary-light: #c58787;
 	--secondary-dark: #341919;
 	--light: #f8f5ec;
+	--gray: #73808c;
 	--dark: #131007;
 	--green: #428a54;
 	--green-light: #87c596;
diff --git a/public/styles/form.css b/public/styles/form.css
index 99a294a..65dfed4 100644
--- a/public/styles/form.css
+++ b/public/styles/form.css
@@ -10,15 +10,16 @@
 input,
 button,
 textarea,
-select {
+select,
+option {
 	border-radius: 0;
     font-weight: bold;
-    font-size: 1em;
-    padding: 0.2em;
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
+    font-size: 1rem;
+    padding: 0.2rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
     margin-left: 0;
-    margin-right: 0.2em;
+    margin-right: 0.2rem;
 }
 
 input[type=text],
@@ -26,11 +27,11 @@
 select,
 textarea {
     background-color: var(--light);
-    border-width: 0 0 0 0.2em;
+    border-width: 0 0 0 0.2rem;
     border-color: var(--secondary-light);
     border-style: solid;
-    padding-left: 0.75em;
-    padding-top: 0.6em;
+    padding-left: 0.75rem;
+    padding-top: 0.6rem;
     outline: none;
 }
 
@@ -44,7 +45,7 @@
 input[type=date][class*=input-invalid],
 textarea[class*=input-invalid] {
     border-color: var(--red);
-    border-width: 0 0 0 0.2em;
+    border-width: 0 0 0 0.2rem;
     background-color: var(--red-light);
 }
 
@@ -55,11 +56,11 @@
     top: 0;
     margin-left: 0;
     margin-right: 0;
-    padding: 0.25em;
-    font-size: 1.25em;
+    padding: 0.25rem;
+    font-size: 1.25rem;
     border: none;
     border-color: var(--dark);
-    box-shadow: 0 0.2em 0 var(--dark);
+    box-shadow: 0 0.2rem 0 var(--dark);
     transition-property: box-shadow, border-radius, top;
     transition-duration: 0.1s;
     transition-timing-function: linear;
@@ -67,12 +68,12 @@
 }
 
 button:hover {
-	box-shadow: 0 0.2em 0.5em var(--dark);
-    border-radius: 0.5em;
+	box-shadow: 0 0.2rem 0.5rem var(--dark);
+    border-radius: 0.5rem;
 }
 
 button:active {
-    top: 0.1em;
+    top: 0.1rem;
 }
 
 .icon-button,
@@ -84,6 +85,17 @@
 	padding: 0;
 }
 
+option, optgroup option {
+	font-weight: bold;
+}
+
+optgroup {
+	font-weight: normal;
+	font-size: 0.75rem;
+	font-style: normal;
+	color: var(--gray);
+}
+
 label {
     font-weight: bold;
     margin-bottom: 0;
@@ -96,15 +108,15 @@
     height: 0;
     display: block;
     white-space: nowrap;
-    left: 1.5em;
+    left: 1.5rem;
     color: black;
     font-weight: bold;
-    font-size: 0.75em;
+    font-size: 0.75rem;
 }
 
 label[class*=required]::after {
     display: inline-block;
-    margin-left: 0.2em;
+    margin-left: 0.2rem;
     content: "*";
     color: var(--red)
 }
diff --git a/public/styles/main.css b/public/styles/main.css
index e883f01..06226cf 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -2,7 +2,11 @@
 	color: var(--dark);
 	font-family: 'Asap', sans-serif;
 	text-decoration: none;
-	line-height: 1.25em;
+	line-height: 1.25rem;
+}
+
+html {
+	font-size: 100%;
 }
 
 a, a * {
@@ -23,7 +27,7 @@
 h1 {
 	text-transform: uppercase;
 	font-weight: bold;
-	font-size: 1.5em;
+	font-size: 1.5rem;
 }
 
 h1, h1 * {
@@ -33,7 +37,7 @@
 h2 {
 	text-transform: uppercase;
 	font-weight: bold;
-	font-size: 1.5em;
+	font-size: 1.5rem;
 }
 
 h2, h2 * {
@@ -51,19 +55,19 @@
 }
 
 .container, header {
-	margin-left: 12em;
-	padding-left: 3em;
-	padding-right: 3em;
+	margin-left: 12rem;
+	padding-left: 3rem;
+	padding-right: 3rem;
 	width: auto;
 	max-width: none;
 }
 
 header {
 	display: block;
-	height: 3em;
-	padding-top: 0.5em;
+	height: 3rem;
+	padding-top: 0.5rem;
 	background-color: white;
-	box-shadow: 0 0 0.5em black;
+	box-shadow: 0 0 0.5rem black;
 }
 
 code {
@@ -71,7 +75,7 @@
 }
 
 .container {
-	padding-top: 2em;
+	padding-top: 2rem;
 }
 
 .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
@@ -79,5 +83,5 @@
 .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
 .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
 .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
-	padding: 0.5em;
+	padding: 0.5rem;
 }
\ No newline at end of file
diff --git a/public/styles/nav.css b/public/styles/nav.css
index 9f98007..6300777 100644
--- a/public/styles/nav.css
+++ b/public/styles/nav.css
@@ -2,18 +2,18 @@
 	height: 100%;
 	position: fixed;
 	background-color: var(--primary-dark);
-	width: 12em;
-	box-shadow: 0 0 0.5em black;
-	padding-left: 1em;
-	padding-right: 1em;
+	width: 12rem;
+	box-shadow: 0 0 0.5rem black;
+	padding-left: 1rem;
+	padding-right: 1rem;
 }
 
 .nav-category {
 	text-transform: uppercase;
 	color: var(--secondary);
-	font-size: 0.75em;
+	font-size: 0.75rem;
 	font-weight: normal;
-	margin-top: 5em;
+	margin-top: 5rem;
 	margin-bottom: 0;
 }
 
@@ -23,11 +23,11 @@
 
 nav ul, nav ul *, nav ul *:hover {
 	color: var(--secondary-light);
-	font-size: 1em;
+	font-size: 1rem;
 	font-weight: bold;
 	margin: 0;
-	padding: 0.2em;
-	border-radius: 0.2em;
+	padding: 0.2rem;
+	border-radius: 0.2rem;
 	transition: background-color 0.25s linear;
 }
 
@@ -38,12 +38,12 @@
 
 .nav-selected, .nav-selected:hover {
 	background: none;
-	margin-left: 1em;
+	margin-left: 1rem;
 	transition: none;
 }
 
 nav .icon {
 	display: inline-block;
-	margin-right: 0.5em;
-	width: 1em;
+	margin-right: 0.5rem;
+	width: 1rem;
 }
\ No newline at end of file
diff --git a/public/styles/table.css b/public/styles/table.css
index cacbfb5..f03a1f5 100644
--- a/public/styles/table.css
+++ b/public/styles/table.css
@@ -8,7 +8,7 @@
     background-color: var(--primary-light);
     color: var(--secondary);
     font-weight: bold;
-    font-size: 1.5em;
+    font-size: 1.5rem;
 }
 
 tbody tr:nth-child(even) {
@@ -20,8 +20,8 @@
 }
 
 tbody td {
-    padding: 0.25em;
+    padding: 0.25rem;
     color: var(--dark);
     font-weight: bold;
-    font-size: 1em;
+    font-size: 1rem;
 }
\ No newline at end of file