Refactor form styling

src/stylesheets/components/_form.scss

@@ -1,31 +0,0 @@
-form.form {
-	display: grid;
-	gap: 1rem;
-
-	input:not([type='submit']), textarea {
-		background: #E1E1E1;
-		border: none;
-		width: 100%;
-		resize: none;
-		box-sizing: border-box;
-		border-radius: .25rem;
-		padding: 1rem;
-
-		&::placeholder {
-			color: #686868;
-		}
-
-		&:focus {
-		    outline: 1px solid grey;
-		}
-	}
-
-	@include respond-to('medium') {
-		.form__input-group {
-			display: grid;
-			grid-template-columns: 1fr 1fr;
-			gap: 1rem;
-		}
-	}
-}
-

src/stylesheets/components/_mainForm.scss

@@ -1,14 +1,4 @@
-form.mainForm {
-	@extend .form;
-
-	input[type='submit'] {
-		@extend .btn, .btn--primary, .btn--full;
-		width: 100%;
-		padding: 1rem 0;
-	}
-}
-
-.mainFormContainer {
+.mainForm {
 	margin: 2rem auto 0 auto;
 	width: 85vw;
 
@@ -19,6 +9,12 @@ form.mainForm {
 		font-size: 1.2em;
 	}
 
+	input[type='submit'] {
+		@extend .btn, .btn--primary, .btn--full;
+		width: 100%;
+		padding: 1rem 0;
+	}
+
 	@include respond-to('large') {
 		width: 40vw;
 	}