Modify login form

static/css/login.css

@@ -21,7 +21,7 @@ body {
 }
 
 #title {
-    font-size: 2em;
+    font-size: 1.7em;
     margin-bottom: 12px;
 }
 
@@ -36,10 +36,6 @@ body {
     outline: none;
 }
 
-.inputfield::placeholder {
-    color: #000;
-}
-
 .inputfield:focus {
     outline: none;
     border-color: #407ce5;
@@ -74,7 +70,7 @@ body {
     opacity: 0.6;
 }
 
-#error-alert {
+#error_message {
     color: red;
     font-size: 12px;
 }

templates/login.html

@@ -22,7 +22,7 @@
                 <input  type="password" name="password" placeholder="Enter password" class="inputfield" required>
                 
                 {% for message in get_flashed_messages()%}
-                    <p id="error-alert">{{ message }}</p>
+                    <div id="error_message">{{ message }}</div>
                 {% endfor %}
 
                 <button type="submit" id="sumbit-button">Log in</button>