feat(index.html, style.css): add video and style video for homepage

Author: Dun-sin

assets/Code Magic.mp4

@@ -159,6 +159,10 @@ <h2>
           EASILY create Gradient Backgrounds, Gradient Text, Gradient Borders,
           and more <br />for your applications <span>With Just One Click</span>
         </h2>
+        <video autoplay muted loop>
+          <source src="./assets/Code Magic.mp4" type="video/mp4" />
+          Your browser does not support the video tag.
+        </video>
       </section>
       <section>
         <div class="generators">

index.html

@@ -128,20 +128,29 @@ main > section:first-of-type {
 }
 
 main > section:first-of-type h1 {
-  font-size: clamp(1rem, 10vw, 2.5rem);
+  font-size: clamp(1rem, 10vw, 2rem);
   text-align: center;
 }
 
 main > section:first-of-type h2 {
   margin-top: 10px;
-  font-size: clamp(0.5rem, 10vw, 1.5rem);
+  font-size: clamp(0.5rem, 10vw, 1rem);
   text-align: center;
 }
 
 main > section:first-of-type span {
   color: var(--tertiary-color);
 }
 
+main > section:first-of-type video {
+  min-height: 20%;
+  min-width: 30%;
+  max-height: 30%;
+  max-width: 40%;
+  margin-top: 10px;
+  border: 2px solid var(--text-color);
+}
+
 .generators {
   min-height: var(--content-container);
   min-width: var(--content-container);