diff --git a/css/forms.css b/css/forms.css
index 9a6c8c7..c284d14 100644
--- a/css/forms.css
+++ b/css/forms.css
@@ -152,3 +152,64 @@
bottom: 100%;
}
}
+
+.my .login-line{
+ color: white;
+ background: #136a8a;
+ background: -webkit-linear-gradient(to right, #267871, #136a8a);
+ background: linear-gradient(to right, #267871, #136a8a);
+ margin: auto;
+ box-shadow:
+ 0px 2px 10px rgba(0,0,0,0.2),
+ 0px 10px 20px rgba(0,0,0,0.3),
+ 0px 30px 60px 1px rgba(0,0,0,0.5);
+ border-radius: 8px;
+ padding: 50px;
+}
+
+.my .form input[type=text].username{
+ border: none;
+ background: none;
+ box-shadow: 0px 2px 0px 0px white;
+ width: 100%;
+ color: white;
+ font-size: 1em;
+ outline: none;
+
+}
+
+.my .form .username::placeholder{
+ color: #D3D3D3;
+}
+
+.my .form input[type=password].password{
+ border: none;
+ background: none;
+ box-shadow: 0px 2px 0px 0px white;
+ width: 100%;
+ color: white;
+ font-size: 1em;
+ outline: none;
+ margin-bottom: 20px;
+ margin-top: 20px;
+ }
+
+ .my .form .password::placeholder{
+ color: #D3D3D3;
+ }
+
+.my .form .submit-btn{
+ background: none;
+ text-decoration: none;
+ color: white;
+ box-shadow: 0px 0px 0px 2px white;
+ border-radius: 3px;
+ padding: 5px 2em;
+ transition: 0.5s;
+}
+
+.my .form .submit-btn:hover{
+ background: white;
+ color: dimgray;
+ transition: 0.5s;
+}
diff --git a/pages/forms.html b/pages/forms.html
index 664c796..4dd992c 100644
--- a/pages/forms.html
+++ b/pages/forms.html
@@ -11,8 +11,8 @@
rel="stylesheet" />
-
-
+
+
@@ -90,6 +90,64 @@
+
+
+
+
+
+
+
+
+
-