add material icon for gallery

Author: Lucky-Kashyap

Web Cam/css/responsive.css

@@ -10,7 +10,7 @@
     width: 18rem;
     height: 5rem;
     top: 10rem;
-    left: 3rem;
+    left: 2rem;
     display: flex;
     justify-content: space-between;
     gap: 3vw;
@@ -31,6 +31,13 @@
     bottom: 0rem;
     right: 0rem;
   }
+
+  .gallery {
+    position: absolute;
+    right: 1rem;
+    bottom: 5rem;
+    z-index: 2;
+  }
 }
 @media (max-width: 400px) {
   .recording-container {

Web Cam/index.html

@@ -4,7 +4,12 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Web Cam</title>
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet"
+    />
     <script src="https://unpkg.com/[email protected]/dist/shortid-2.2.13.min.js"></script>
+
     <link rel="stylesheet" href="css/style.css" />
     <link rel="stylesheet" href="css/responsive.css" />
     <script src="js/db.js" defer></script>
@@ -41,7 +46,7 @@ <h1 class="timer">00:00:00</h1>
       </div>
       <div class="filter-layer"></div>
 
-      <span class="material-icons gallery"> Gallery </span>
+      <span class="material-icons gallery"> collections </span>
     </div>
 
     <script>