Privacy page and consent checkbox

assets/css/app.css

@@ -3,6 +3,8 @@
 @import './phoenix.css';
 @import './header.css';
 @import './form_modal.css';
+@import './live/form.css';
+@import './pages/privacy.css';
 
 /* Alerts and form errors used by phx.new */
 .alert {

assets/css/live/form.css

@@ -0,0 +1,20 @@
+.checkbox-container {
+  display: flex;
+  align-items: baseline;
+}
+
+.checkbox {
+  margin-right: 1rem;
+}
+
+.privacy-checkbox-container {
+  display: flex;
+  align-items: baseline;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+.privacy-consent-text {
+  margin-left: 1rem;
+  font-style: italic;
+}

assets/css/pages/privacy.css

@@ -0,0 +1,32 @@
+.privacy-text {
+  display: flex;
+  flex-direction: column;
+  width: 80%;
+}
+
+.privacy-text h2 {
+  text-align: left;
+  padding-left: 20px;
+}
+
+.privacy-text p {
+  max-width: 100% !important;
+}
+
+@media screen and (max-width: 600px) {
+  .privacy-text {
+    width: 100%;
+  }
+}
+
+.disclaimer {
+  display: flex;
+  flex-direction: column;
+  font-size: 0.9em;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.disclaimer p {
+  margin-bottom: 0px !important;
+}