move global styles to css file

1 files changed, 19 insertions, 0 deletions

diff --git a/src/app.css b/src/app.css
index 3c760dad..c5de9093 100644
--- a/src/app.css
+++ b/src/app.css
@@ -19,3 +19,22 @@ html {
 :fullscreen {
 	background-color: white;
 }
+
+input {
+  @apply block border rounded-2xl px-5 py-4 w-full;
+}
+
+button.primary {
+  @apply rounded-full border py-2 font-bold my-4 flex px-4 bg-white mx-auto hover:bg-primary;
+}
+
+.select-styles {
+  @apply border rounded-2xl py-4 px-5;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background: transparent;
+  background-image: url('/icons/down.svg');
+  background-repeat: no-repeat;
+  background-position-x: 100%;
+  background-position-y: 0.7em;
+}