Custom WordPress Login Form

WordPress Custom Login Function - functions.php

// ------------------------------------------------------
// custom login style for theme for site url/wp-login.php
// ------------------------------------------------------

function childtheme_custom_login() {
  echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/customlogin.css" />';
}
 
add_action('login_head', 'childtheme_custom_login');

WordPress login form css styles

/* WordPress Login Form Styles 
  
Create a new css file and name it customlogin.css and save to your theme folder.

*/

body.login {}
body.login div#login {}

/* Logo Area style */
body.login div#login h1 {}
body.login div#login h1 a {}

/* Form Area style */
body.login div#login form#loginform {}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}

/* Login Button style */
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}

/* Register & Lost your Password Area style */
body.login div#login p#nav {}
body.login div#login p#nav a {}

/* Back to Website Area style */
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}

thanks!