From 5b9c87a66e9f93fe0f01983b5c58f5e42cc365c2 Mon Sep 17 00:00:00 2001
From: "msr@gmail.com" <msr@gmail.com>
Date: Mon, 5 Oct 2020 12:11:04 +0530
Subject: [PATCH]  Make responsive UI. #3

---
 main.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/main.css b/main.css
index db1a07a..93a2d82 100644
--- a/main.css
+++ b/main.css
@@ -2,6 +2,8 @@ html, body {
   height: 100%;
 }
 
+
+
 body {
   display: flex;
   justify-content: center;
@@ -32,6 +34,7 @@ body {
   --borderWidth: 8px;
   background: #1D1F20;
   position: relative;
+  width: 100%;
   border-radius: var(--borderWidth);
 }
 
@@ -60,4 +63,17 @@ body {
     100% {
         background-position: 0% 50%;
     }
+}
+
+
+
+
+@media only screen and (max-width: 600px) {
+  #video{
+
+  width: 100%;
+  height: 100%;
+
+
+}
 }
\ No newline at end of file