HELP: Customizing LogIn Page

BEAR IN MIND THAT I HAVE A CHILD-THEME I’VE BUILT!

I’m trying to brand the WordPress login screen and do not want to use a plug-in, but I’m running into some issues.

1) I added this to the code in my child-themes “function.php” file:

function custom_login() {
echo '< link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login-screen.css" / >';
}

In login-screen.css I’ve applied this style to H1 a:

html {
background: #f0f0f0 url('images/logo-326x100.png') !important;
}

h1 a {
background: #000000 url('images/logo-326x100.png') no-repeat !important;
width: 326px;
height: 218px;
margin-left: 0 0 0 10px;
padding-bottom: 0;
}

Upon refresh on the login screen nothing has changed.

What am I doing wrong?