From 3d60e562919723dc692ec0dc3c259811f46e85d3 Mon Sep 17 00:00:00 2001
From: AdityaKundu09 <140443242+AdityaKundu09@users.noreply.github.com>
Date: Fri, 18 Oct 2024 02:50:51 +0530
Subject: [PATCH] Create style2.css

Added display: flex and justify-content: center to .container to center the .login-text container.
Increased padding in .login-text for better spacing.
Added box-shadow to .login-text for depth.
Added margin-bottom to .login-text h1 and .login-text p for better spacing.
Added width: 100% to input to make input field full width.
Added margin-right to .input i for better spacing.
Added cursor: pointer to .btn for better user experience.
Added box-shadow on hover to .btn for better user experience.
Added margin-top to .extra-line for better spacing.
Added text-decoration: none to .extra-line a to remove underline.
---
 style2.css | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 107 insertions(+)
 create mode 100644 style2.css

diff --git a/style2.css b/style2.css
new file mode 100644
index 0000000..7c74bb2
--- /dev/null
+++ b/style2.css
@@ -0,0 +1,107 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Poppins', sans-serif;
+}
+
+.flex-r, .flex-c {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.flex-c {
+  flex-direction: column;
+}
+
+.flex-r {
+  flex-direction: row;
+}
+
+.container {
+  width: 100%;
+  min-height: 100vh;
+  padding: 20px 10px;
+  background-color: #E5E5E5; /* added background-color instead of background */
+  display: flex; /* added to center the login-text container */
+  justify-content: center;
+}
+
+.login-text {
+  background-color: #F6F6F6;
+  max-width: 400px;
+  min-height: 500px;
+  border-radius: 10px;
+  padding: 20px; /* increased padding for better spacing */
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* added box-shadow for depth */
+}
+
+.logo {
+  margin-bottom: 20px;
+}
+
+.logo span, .logo span i {
+  font-size: 25px;
+  color: #0d8aa7;
+}
+
+.login-text h1 {
+  font-size: 25px;
+  margin-bottom: 10px; /* added margin-bottom for better spacing */
+}
+
+.login-text p {
+  font-size: 15px;
+  color: #000000B2;
+  margin-bottom: 20px; /* added margin-bottom for better spacing */
+}
+
+form {
+  align-items: flex-start !important;
+  width: 100%;
+  margin-top: 15px;
+}
+
+.input-box {
+  margin: 10px 0;
+  width: 100%;
+}
+
+.label {
+  font-size: 15px;
+  color: black;
+  margin-bottom: 3px;
+}
+
+.input {
+  background-color: #F6F6F6;
+  padding: 0 5px;
+  border: 2px solid rgba(216, 216, 216, 1);
+  border-radius: 10px;
+  overflow: hidden;
+  justify-content: flex-start;
+}
+
+input {
+  border: none;
+  outline: none;
+  padding: 10px 5px;
+  background-color: #F6F6F6;
+  flex: 1;
+  width: 100%; /* added width: 100% to make input field full width */
+}
+
+
+.extra-line {
+  font-size: 15px;
+  font-weight: 600;
+  margin-top: 20px; /* added margin-top for better spacing */
+}
+
+.extra-line a {
+  color: #0095B6;
+  text-decoration: none; /* added text-decoration: none to remove underline */
+}