diff --git a/createAccount.html b/createAccount.html new file mode 100644 index 0000000..0e37619 --- /dev/null +++ b/createAccount.html @@ -0,0 +1,13 @@ + + + + + + Document + + +
+ +
+ + \ No newline at end of file diff --git a/login.css b/login.css index 8dd8476..b534d29 100644 --- a/login.css +++ b/login.css @@ -4,32 +4,51 @@ body { display: flex; justify-content: center; align-items: center; - background-color:#fff + background-color: #f0f0f0; /* Light background color */ } -.login-container{ - background-color: rgb(126, 87, 174); - height: 400px; - width: 500px; - display: flex; - border-radius: 10px; + +.login-container { + background-color: rgb(126, 87, 174); /* Purple background */ + width: 400px; + padding: 20px; + border-radius: 10px; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); + text-align: center; +} + +.login-container h1 { + color: #fff; + margin-bottom: 20px; } - input{ - margin: 10px 0px; + +input { + margin: 10px 0; padding: 10px; border-radius: 5px; border: none; - } -form -{ - margin: 0 auto; - width: 300px; - align-items: center; - display: flex; + width: 80%; +} + +input[type="submit"] { + background-color: #4CAF50; + color: white; + cursor: pointer; + font-size: 16px; +} + +input[type="submit"]:hover { + background-color: #45a049; /* Darker green on hover */ +} + +.text { + margin-top: 10px; /* Add space above the text */ +} - justify-content: center; +.text a { + color: lightblue; /* Gold color for the link */ + text-decoration: none; /* Remove underline */ } -.details-container{ - - align-items: center; +.text a:hover { + text-decoration: underline; /* Underline on hover */ } diff --git a/login.html b/login.html index ebde1a0..f73cfb9 100644 --- a/login.html +++ b/login.html @@ -8,18 +8,17 @@
+

Login

-
- -
-
-
- -

Don't Have an account?Create an Account

- +
+
+
+
+
+

Don't Have an account? Create an Account

+
- - \ No newline at end of file +