Generalised form styles

src/stylesheets/base/_form.scss

@@ -1,3 +1,22 @@
+.formContainer {
+	margin: 2rem auto;
+	width: 85vw;
+
+	a {
+		display: block;
+
+		&:not(.formContainer__small-link) {
+			margin: 1rem;
+			text-align: center;
+			font-size: 1.2em;
+		}
+	}
+
+	@include respond-to('large') {
+		width: 40vw;
+	}
+}
+
 form {
 	display: grid;
 	gap: 1rem;
@@ -7,7 +26,7 @@ form {
 		gap: 1rem;
 	}
 
-	input:not([type='submit']), textarea {
+	input:not([type='submit']), textarea, select {
 		background: #E1E1E1;
 		border: none;
 		width: 100%;
@@ -25,6 +44,11 @@ form {
 		}
 	}
 
+	input[type='submit'] {
+		width: 100%;
+		padding: 1rem 0;
+	}
+
 	@include respond-to('medium') {
 		.input-group {
 			grid-template-columns: 1fr 1fr;

src/stylesheets/components/_mainForm.scss

@@ -1,21 +0,0 @@
-.mainForm {
-	margin: 2rem auto 0 auto;
-	width: 85vw;
-
-	a {
-		margin: 1rem;
-		text-align: center;
-		display: block;
-		font-size: 1.2em;
-	}
-
-	input[type='submit'] {
-		@extend .btn, .btn--primary, .btn--full;
-		width: 100%;
-		padding: 1rem 0;
-	}
-
-	@include respond-to('large') {
-		width: 40vw;
-	}
-}

src/stylesheets/main.scss

@@ -13,7 +13,6 @@
 @import 'components/testimonial';
 @import 'components/title';
 @import 'components/mainPageHeader';
-@import 'components/mainForm';
 @import 'components/adminHeader';
 @import 'components/adminNav';
 @import 'components/adminNavItem';