Creating view [undone]

resources/sass/main.scss

@@ -0,0 +1,60 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html, body {
+    @apply bg-gray-300 text-teal-800;
+	font-family: 'Source Sans Pro', sans-serif;
+}
+
+h1 {
+    @apply text-5xl font-bold mb-8 mt-4;
+}
+
+.container {
+    @apply bg-white w-3/4 mx-auto h-full mt-8 p-12;
+}
+
+.form {
+    @apply w-full mt-6;
+
+    .form-grid {
+        @apply flex flex-wrap justify-center -mx-3 mb-6;
+
+        .form-group {
+            @apply w-full px-3 mb-6;
+
+            .form-label {
+                @apply block uppercase tracking-wide text-sm font-bold mb-2;
+            }
+
+            .form-input {
+                @apply appearance-none block w-full bg-gray-200 border border-gray-200 rounded py-3 px-4 leading-tight;
+
+                &:focus {
+                    @apply outline-none bg-white border-gray-500;
+                }
+            }
+
+            .input-helper {
+                @apply text-gray-600 text-sm italic;
+            }
+        }
+
+        .form-submit {
+            @apply text-white font-bold bg-indigo-400 rounded py-3 px-4 leading-tight uppercase self-center;
+
+            &:hover {
+                @apply bg-indigo-500;
+            }
+
+            &:focus {
+                @apply outline-none bg-indigo-600;
+            }
+        }
+    }
+}
+
+.btn-primary {
+    @apply py-2 px-4 bg-indigo-400 text-white border border-white rounded;
+}