Move rules out of body and into more specific elements

client/homebrew/pages/vaultPage/vaultPage.less

@@ -1,7 +1,22 @@
-body {
+.vaultPage {
-	height : 100vh;
+	height           : 100%;
+	overflow-y       : hidden;
+	background-color : #2C3E50;
 
-	.content { height : 100%; }
+	*:not(input) { user-select : none; }
+
+	.content {
+		background : #2C3E50;
+		height: 100%;
+
+		.dataGroup {
+			width      : 100%;
+			height     : 100%;
+			background : white;
+
+			&.form .brewLookup {
+				position : relative;
+				padding  : 50px clamp(20px, 4vw, 50px);
 
 				small {
 					font-size : 10pt;
@@ -14,35 +29,14 @@ body {
 					padding-inline : 5px;
 					background     : lightgrey;
 					border-radius  : 5px;
+					font-family    : monospace;
 				}
 
-	*:not(input) { user-select : none; }
-}
-
-.vaultPage {
-	height           : 100%;
-	overflow-y       : hidden;
-	background-color : #2C3E50;
-	
-
-	.content {
-		background : #2C3E50;
-
-		.dataGroup {
-			width      : 100%;
-			height     : 100%;
-			background : white;
-
-			&.form .brewLookup {
-				position : relative;
-				padding  : 50px clamp(20px, 4vw, 50px);
-
 				h1, h2, h3, h4 {
 					font-family    : 'CodeBold';
 					letter-spacing : 2px;
 				}
 				
-				
 				legend {
 					h3 {
 						margin-block  : 30px 20px;
@@ -144,8 +138,6 @@ body {
 						}
 					}
 
-					
-
 					#searchButton {
 						position : absolute;
 						right    : 20px;
@@ -167,7 +159,6 @@ body {
 				font-family    : 'BookInsanityRemake';
 				font-size      : 0.34cm;
 				
-				
 				h3 {
 					font-family : 'Open Sans';
 					font-weight : 900;