From 99f2b2183a5fd505c243199481cd4faa913e3159 Mon Sep 17 00:00:00 2001
From: Vimal M <109758195+Vimall03@users.noreply.github.com>
Date: Thu, 16 May 2024 10:59:10 +0530
Subject: [PATCH] Fixed issue #148

---
 index.html | 20 +++++++++-----------
 style.css  | 40 +++++++++++++++++++++++++++++++++++-----
 2 files changed, 44 insertions(+), 16 deletions(-)
diff --git a/index.html b/index.html
index 8e9ed95b..2e196cb7 100644
--- a/index.html
+++ b/index.html
@@ -27,12 +27,14 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <style>
 body {
-  /* padding: 25px; */
-  background-color: black;
-  color: white;
+  padding: 25px;
+  background-color: white;
+  color: black;
   font-size: 20px;
 }
-</style>
+
+
+</style
 </head>
 
 <body>
@@ -93,17 +95,13 @@ <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
   <!-- ======= Home Section ======= -->
   
   
-  <section id="home" class="d-flex align-items-center justify-content-start ">
+  <section id="home" class="d-flex align-items-center">
     <div class="container">
       <h1>Welcome to RapiDoc</h1>
       <h2>Your One-stop digital healthcare destination.<br>Get details about <span class="multiple-text"></span></h2>
       <a href="#about" class="btn-get-started scrollto">Download App</a>
     </div>
-    <div class="" >
-      <video class="video-playback" autoplay loop muted plays-inline>
-        <source src="2.mp4">
-      </video>
-    </div>
+    <div class="wall"><video autoplay loop muted plays-inline><source src="2.mp4"></video></div>
   </section>
   <!-- End Home -->
   <br><br><br><br><br><br><br><br>
@@ -695,4 +693,4 @@ <h4>Daily Newsletter</h4>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 45aa0dc8..eafabdc1 100644
--- a/style.css
+++ b/style.css
@@ -19,6 +19,36 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 
+/* For Firefox */
+/* width */
+.scrollbar {
+  scrollbar-width: thin;
+}
+/* Track */
+.scrollbar {
+  scrollbar-track-color: #333;
+}
+/* Handle */
+.scrollbar {
+  scrollbar-thumb-color: #666;
+}
+
+/* For Webkit browsers (such as Chrome/Safari) */
+/* width */
+::-webkit-scrollbar {
+  width: 10px; /* width of the scrollbar */
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: #333; /* color of the track */
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #666; /* color of the thumb */
+}
+
 
 /*################----Top Bar----################*/
 #topbar {
@@ -336,7 +366,7 @@ section {
 }
 #home .container {
   position: relative;
-  margin-top: 100px;
+  margin-top: 150px;
 }
 
 #home h1 {
@@ -368,9 +398,9 @@ section {
   background: #3fbcc0a4;
 }
 #home video{
-  margin-top: -50px;
-  margin-left: 250PX;
-  height: 500px;
+  margin-top: -70px;
+  margin-left: 50PX;
+  height: 900px;
   position: absolute;
   top: 200px;
   left: 550px;
@@ -1361,4 +1391,4 @@ section {
 .back-to-top.active {
   visibility: visible;
   opacity: 1;
-}
+}
\ No newline at end of file
