Results Page + Contacts

src/index.css

@@ -4,54 +4,22 @@
 @tailwind components;
 @tailwind utilities;
 
-.header-text {
+body {
+  @apply bg-gradient-to-br from-custom-bglight to-custom-bgdark;
+}
+
+.hero-text {
   @apply font-medium text-5xl lg:text-7xl xl:text-8xl;
 }
 
-.fade-in {
-  animation: fadeIn ease 1s;
-  -webkit-animation: fadeIn ease 1s;
-  -moz-animation: fadeIn ease 1s;
-  -o-animation: fadeIn ease 1s;
-  -ms-animation: fadeIn ease 1s;
+.header-text {
+  @apply mt-20 lg:mt-48 text-3xl md:text-5xl xl:text-7xl text-center;
 }
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+
+.sub-header-text {
+  @apply italic font-thin block text-sm mx-10 md:text-2xl mt-5 text-gray-400;
 }
-@-moz-keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-o-keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-ms-keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+
+.form-input {
+  @apply rounded-xl px-4 py-2 mt-2 bg-gray-bg border-solid border border-gray-300 text-sm md:text-lg;
 }