LOGIN UI

Author: epythonlab

react/reactapp/src/components/login/Login.css

@@ -92,7 +92,7 @@ body {
 .login {
 	width: 360px;
 	padding: 30px;
-	padding-top: 146px;
+	padding-top: 116px;
 	margin-bottom: 10%;
 }
 
@@ -104,7 +104,7 @@ body {
 .login__icon {
 	position: absolute;
 	top: 42px;
-	color: #7875B5;
+	color: #f1b756;
 }
 
 .login__input {
@@ -121,7 +121,7 @@ body {
 .login__input:focus,
 .login__input:hover {
 	outline: none;
-	border-bottom-color: #6A679E;
+	border-bottom-color: #f1b756;
 }
 
 .login__submit {
@@ -135,9 +135,9 @@ body {
 	font-weight: 700;
 	display: flex;
 	align-items: center;
-	width: 100%;
+	width: 95%;
 	color: #f1b756;
-	box-shadow: 0px 2px 2px #5C5696;
+	box-shadow: 0px 2px 2px #f1b756;
 	cursor: pointer;
 	transition: .2s;
 }
@@ -152,34 +152,7 @@ body {
 .button__icon {
 	font-size: 24px;
 	margin-left: auto;
-	color: #7875B5;
-}
-
-.social-login {
-	position: absolute;
-	height: 140px;
-	width: 160px;
-	text-align: center;
-	bottom: 0px;
-	right: 0px;
-	color: #fff;
-}
-
-.social-icons {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.social-login__icon {
-	padding: 20px 10px;
-	color: #000;
-	text-decoration: none;
-	text-shadow: 0px 0px 8px #7875B5;
-}
-
-.social-login__icon:hover {
-	transform: scale(1.5);
+	color: #f1b756;
 }
 
 @media(max-width: 458px) {