Merge branch 'main' into main

khushi-joshi-05 · Jun 22, 2024 · 020ac56 · 020ac56
2 parents bbf6e1e + 0768a29
commit 020ac56
Show file tree

Hide file tree

Showing 10 changed files with 677 additions and 531 deletions.
diff --git a/Css-files/login1.css b/Css-files/login1.css
@@ -9,16 +9,37 @@ body * {
   box-sizing: border-box;
 }
 
+
 .main-login {
   width: 100vw;
   height: 100vh;
-  /* background: #8A2525; */
-  background: brown;
+  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
+.main-login::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: url('../Images/login.jpg') no-repeat center center fixed;
+  background-size: cover;
+  filter: brightness(50%);
+  z-index: -1;
+}
+
+.content {
+  position: relative;
+  z-index: 1;
+  color: white;
+  text-align: center;
+  padding: 20px;
+}
+
 .left-login {
   width: 50vw;
   height: 100vh;
@@ -29,12 +50,19 @@ body * {
 }
 
 .left-login>h1 {
+  font-size: 2em; /* Adjust the size as needed */
   color: white;
-  font-size: 2.5vw;
+
 }
+.order-now {
+  color: red;
+  font-size: 2.0em; /* Adjust the size as needed */
+}
+
+
 
 .left-login-image {
-  width: 35vw;
+  width: 30vw;
 }
 
 .right-login {
@@ -44,7 +72,18 @@ body * {
   justify-content: center;
   align-items: center;
 }
-
+.giphy-container {
+  width: 100%;
+  height: 0;
+  padding-bottom: 56%;
+  position: relative;
+}
+.giphy-container iframe {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
 .card-login {
   width: 60%;
   display: flex;
@@ -53,7 +92,7 @@ body * {
   flex-direction: column;
   padding: 30px 35px;
   border-radius: 20px;
-  box-shadow: 0px 10px 50px #000000a4;
+  box-shadow: 0px 10px 50px #0f0f0fa4;
   background-color: white;
 }
 
@@ -88,7 +127,7 @@ body * {
   background: #E6E6FA;
   color: #030707de;
   font-size: 12pt;
-  box-shadow: 0px 3px 10px #00000056;
+  /* box-shadow: 0px 3px 10px #00000056; */
   outline: none;
   box-sizing: border-box;
 }
@@ -114,13 +153,13 @@ body * {
   font-weight: 800;
   letter-spacing: 3px;
   color: white;
-  background: rgb(208, 50, 50);
+  background: rgb(216, 0, 0);
   cursor: pointer;
-  box-shadow: 0px 10px 40px -12px #00ff8052;
+  box-shadow: 0px 10px 40px -12px #21212152;
 }
 
 .btn-login:hover {
-  background: rgba(208, 50, 50, 0.9);
+  background: rgba(232, 228, 0, 0.9);
 }
 
 #google-login {
@@ -134,13 +173,13 @@ body * {
   font-weight: 800;
   letter-spacing: 3px;
   color: white;
-  background: rgb(208, 50, 50);
+  background: rgb(216, 0, 0);
   cursor: pointer;
-  box-shadow: 0px 10px 40px -12px #00ff8052;
+  box-shadow: 0px 10px 40px -12px #21212152;
 }
 
 #google-login:hover {
-  background: rgba(208, 50, 50, 0.9);
+  background: rgba(24, 80, 192, 0.9);
 }
 
 .close-btn {
@@ -190,4 +229,20 @@ body * {
     width: 90%;
   }
 }
+.forgot-password {
+  text-align: right;
+  margin-bottom: 15px;
+}
+
+.forgot-password a {
+  color: #3bb77e;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.forgot-password a:hover {
+  text-decoration: underline;
+}
+