Fixed issue Anishkagupta04#148

Vimall03 · May 16, 2024 · 99f2b21 · 99f2b21
1 parent 803063c
commit 99f2b21
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 16 deletions.
diff --git 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>
diff --git 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;
-}
+}