Pooja/fix css (#64)

* Fix home page UI

* Changes by Ideagarage

* Update CSS

Author: PoojaB26

docs/intro/flutterflow-app-architecture.md

@@ -119,29 +119,6 @@ html[data-theme='dark'] {
   );
 }
 
-div[class^='announcementBar_'] {
-  font-size: 20px;
-
-  /*
-  --site-announcement-bar-stripe-color1: hsl(
-    var(--site-primary-hue-saturation) 85%
-  );
-  --site-announcement-bar-stripe-color2: hsl(
-    var(--site-primary-hue-saturation) 95%
-  );
-   */
-  --site-announcement-bar-stripe-color1: #e8d7ff;
-  --site-announcement-bar-stripe-color2: #ffe9d1;
-
-  background: repeating-linear-gradient(
-          35deg,
-          var(--site-announcement-bar-stripe-color1),
-          var(--site-announcement-bar-stripe-color1) 20px,
-          var(--site-announcement-bar-stripe-color2) 10px,
-          var(--site-announcement-bar-stripe-color2) 40px
-  );
-  font-weight: bold;
-}
 
 .screen-reader-only {
   border: 0;
@@ -165,11 +142,15 @@ div[class^='announcementBar_'] {
 .test-marker-site-custom-css-unique-rule {
   content: 'site-custom-css-unique-rule';
 }
+.centered-caption {
+  text-align: center;
+  font-size: 12px; /* Set the font size to 16px */
+}
 
 .video-container {
   position: relative;
   width: 100%;
-  padding-bottom: 59.5256312165264%; /* 16:9 aspect ratio */
+  padding-bottom: 56.25%; /* 16:9 aspect ratio */
   height: 0;
   overflow: hidden;
 }
@@ -179,45 +160,24 @@ div[class^='announcementBar_'] {
   top: 0;
   left: 0;
   width: 100%;
-  max-width: 560px;
-  margin: 0 auto;
+  height: 100%;
 }
 
-.yt-lite > .lty-playbtn {
-  cursor: pointer;
-  border: 0;
-}
-
-.dropdown-separator {
-  margin: 0.3rem 0;
-}
-
-.dropdown-archived-versions {
-  font-size: 0.875rem;
-  padding: 0.2rem 0.5rem;
-}
+/* table {
+  max-height: 20px;
+} */
 
-.code-block-error-line {
-  background-color: #ff000020;
-  display: block;
-  margin: 0 calc(-1 * var(--ifm-pre-padding));
-  padding: 0 var(--ifm-pre-padding);
-  border-left: 3px solid #ff000080;
-}
 
 .landscape-image {
   width: auto;
   height: 400px;
 }
 
-[data-theme='dark'] [data-rmiz-modal-overlay='visible'] {
-  background-color: rgba(0 0 0 / 95%);
-}
 
-html[data-navbar='false'] .navbar {
-  display: none;
+div.alert {
+  margin-bottom: 24px;
 }
 
-html[data-red-border] div#__docusaurus {
-  border: red solid thick;
+.arcade-container {
+margin-bottom: 24px;
 }