Separate CSS into own file

public/css/meeting.css

@@ -0,0 +1,98 @@
+html, body {
+    background-color: #fff;
+    color: #636b6f;
+    font-family: 'Nunito', sans-serif;
+    font-weight: 200;
+    height: 100vh;
+    margin: 0;
+}
+
+body {
+    background-image: url(/images/patient-home-banner.jpg);
+    background-size: 100% auto;
+    background-position: top center;
+    background-attachment: fixed;
+}
+
+@media (max-aspect-ratio: 16/11) {
+    body {
+        background-size: auto 100%;
+    }
+}
+
+h1 {
+    color: #555;
+    width: 50%;
+    text-align: center;
+}
+
+@media (max-width: 900px) {
+    h1 {
+        width: auto;
+        text-align: center;
+        font-size: 2rem;
+        text-shadow: 1px 1px 2px #c0e4e2;
+    }
+}
+
+@media (max-width: 400px) {
+    h1 {
+        font-size: 1.75rem;
+        text-shadow: 1px 1px 2px #c0e4e2;
+    }
+}
+
+.form-container {
+    width: 50%;
+    margin-right: auto;
+}
+
+@media (max-width: 900px) {
+    .form-container {
+        margin: auto;
+        width: 100%;
+    }
+}
+
+.form-container .form {
+    background: #ffffffd1;
+    max-width: 400px;
+    margin: auto;
+    border-radius: 4px;
+}
+
+.form-container .form h3 {
+    font-size: 1.3rem;
+}
+
+.border-success {
+    border-color: #44bdad85 !important;
+}
+
+.text-dark {
+    color: #555;
+    font-weight: 600;
+}
+
+.form-container .form input {
+    border-color: #44bdad85 !important;
+}
+
+.form-container .form input:focus {
+    box-shadow: 0 0 0 0.2rem #44bdad85;
+}
+
+.form-container .form input.has-error {
+    border-color: #bd424285 !important;
+}
+
+.form-container .form input.has-error:focus {
+    box-shadow: 0 0 0 0.2rem #bd444454;
+}
+
+.field-error {
+    font-size: 0.9rem;
+    font-weight: 600;
+    padding-left: 0.75rem;
+    margin-top: 0.25rem;
+}