From 160e16daac2805aab8952347e39cb10d05b5d29a Mon Sep 17 00:00:00 2001
From: Liam Swayne <liamtswayne@gmail.com>
Date: Fri, 15 Mar 2024 21:19:32 -0400
Subject: [PATCH] CSS refactor

---
 site/styles.css | 48 ++++++++++++++++++++++++------------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/site/styles.css b/site/styles.css
index 53593a6..531a27b 100644
--- a/site/styles.css
+++ b/site/styles.css
@@ -5,6 +5,18 @@ body {
     color: #ffffff;
 }
 
+h1, h2 {
+    color: #ffffff;
+}
+
+a {
+    color: #ffa500;
+}
+
+a:hover {
+    color: #ffd700;
+}
+
 input, output {
     margin-bottom: 15px;
     border-radius: 8px;
@@ -26,23 +38,21 @@ input, output {
     padding-left: 10px;
     padding-right: 10px;
     border-radius: 8px;
-    display: flex; /* Add flex display to align items horizontally */
-    align-items: center; /* Center items vertically */
+    display: flex;
+    align-items: center;
 }
 
 .tree-slider label {
-    margin-right: 15px; /* Add margin for spacing between checkbox and label */
+    margin-right: 15px;
 }
 
 .tree-slider input[type="range"] {
-    flex-grow: 1; /* Allow the slider to take up remaining space */
+    flex-grow: 1;
 }
 
-.result-section, .input-section {
-    display: flex;
-    justify-content: flex-start;
-    align-items: baseline;
-    margin-bottom: 10px;
+input[type=number] {
+    -moz-appearance: textfield;
+    appearance: textfield;
 }
 
 input[type=number]::-webkit-inner-spin-button,  
@@ -51,19 +61,9 @@ input[type=number]::-webkit-outer-spin-button {
     margin: 0;  
 }
 
-input[type=number] {
-    -moz-appearance: textfield;
-    appearance: textfield;
-}
-
-h1, h2 {
-    color: #ffffff;
-}
-
-a {
-    color: #ffa500;
-}
-
-a:hover {
-    color: #ffd700;
+.result-section, .input-section {
+    display: flex;
+    justify-content: flex-start;
+    align-items: baseline;
+    margin-bottom: 10px;
 }
\ No newline at end of file