Added mainForm component

src/stylesheets/components/_form.scss

@@ -1,4 +1,7 @@
 form.form {
+	display: grid;
+	gap: 1rem;
+
 	input:not([type='submit']), textarea {
 		background: #E1E1E1;
 		border: none;
@@ -6,7 +9,6 @@ form.form {
 		resize: none;
 		box-sizing: border-box;
 		border-radius: .25rem;
-		margin: .5rem 0;
 		padding: 1rem;
 
 		&::placeholder {
@@ -26,3 +28,4 @@ form.form {
 		}
 	}
 }
+

src/stylesheets/components/_mainForm.scss

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

src/stylesheets/main.scss

@@ -13,5 +13,6 @@
 @import 'components/title';
 @import 'components/form';
 @import 'components/mainPageHeader';
+@import 'components/mainForm';
 
 @import 'pages/index';