diff --git a/login.css b/login.css index ea9dbbb..8a96943 100644 --- a/login.css +++ b/login.css @@ -16,12 +16,15 @@ form { max-width: 300px; /* margin: 0 auto; */ padding: 20px; - background-color: #f2f2f2; + + /* background-color: #f2f2f2; */ + background: rgba(255, 255, 255, 0.1); border-radius: 4px; } .login-form h2 { text-align: center; + color: #fff; } .form-group { @@ -32,8 +35,12 @@ form { display: block; font-weight: bold; margin-bottom: 5px; + color: #fff; + } + + .form-group a { + color: #fff; } - input[type="text"], input[type="password"] { width: 100%; @@ -45,14 +52,9 @@ form { button { width: 100%; padding: 10px; - background-color: #f44336; color: #fff; + background-color: rgba(255, 255, 255, 0.1); border: none; border-radius: 4px; cursor: pointer; } - - button:hover { - background-color: rgb(255, 0, 0); - } - \ No newline at end of file diff --git a/sign-up.css b/sign-up.css index 5ff6c30..89407b2 100644 --- a/sign-up.css +++ b/sign-up.css @@ -5,7 +5,9 @@ height: 80vh; margin-top: 86px; } - + + + form { max-width: 350px; width: 100%; @@ -18,12 +20,14 @@ form { max-width: 300px; /* margin: 0 auto; */ padding: 20px; - background-color: #f2f2f2; + /* background-color: #f2f2f2; */ + background: rgba(255, 255, 255, 0.1); border-radius: 4px; } .signup-form h2 { text-align: center; + color:#fff; } .form-group { @@ -38,6 +42,7 @@ form { display: block; font-weight: bold; margin-bottom: 5px; + color: #ffff; } input[type="text"],input[type="email"], input[type="tel"], @@ -46,19 +51,16 @@ form { padding: 10px; border-radius: 4px; border: 1px solid #ccc; + outline: none; } button { width: 100%; padding: 10px; - background-color: #f44336; + background-color: rgba(255, 255, 255, 0.1); color: #fff; border: none; border-radius: 4px; cursor: pointer; } - - button:hover { - background-color: rgb(255, 0, 0); - } - \ No newline at end of file + \ No newline at end of file