Wordpress Custom Login Code

<?php
if ( is_user_logged_in() ) {
$current_user = wp_get_current_user();
echo '';
}
else {
echo '<div class="box"><div class="title">Quick LogIn</div><div class="qlogin"><form name="loginform" id="loginform" action="/wp-login.php" method="post">
<table width="auto"><tr>
<td>
<input type="text" name="log" id="user_login" class="input" value="Username" size="6">
</td><td>
<input type="password" name="pwd" id="user_pass" class="input" value="Password" size="6">
</td><td>
<input name="rememberme" type="hidden" id="rememberme" value="forever">
<input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="Log In">
</td>
</tr></table>
<input type="hidden" name="redirect_to" value="/"></form></div><div class="ft-info"><center><a href="wp-register.php"><div class="rbtn">Create an Account</div></a></center></div></div>
';
}
?>

<style>
input[type=password]{ background: #fff;
border: 1px solid #dbdbdb;
border-radius: 4px;
color: #2f3432;
padding:6px;
display: block; }

 .qlogin{padding: 6px; background: #FFF; border: 1px solid rgba(248, 248, 248, 1);} .box{border: 1px solid #87CEEB; margin: 7px 4px;} div.title{color: #FFF; padding: 5px 11px; background: none repeat scroll 0% 0% #87CEEB; font-weight: bold;  color:black; }

.ft-info{background: none repeat scroll 0% 0% rgba(227, 227, 227, 1); padding: 3px 9px; color: #808080; font-size: 12px;}

.topnav{overflow: hidden; background: none repeat scroll 0% 0% rgba(87, 87, 87, 1); text-align: center;}

.topnav ul{list-style:none;margin:0px;padding:0px;}

.topnav ul li{display: inline-block; padding: 4px 8px;} li.active{background: rgba(75, 75, 75, 1);} .topnav ul li a{color:#fff}

.rbtn{background: none repeat scroll 0% 0% #52B452; margin: 3px; padding: 3px 6px; color: #FFF; border: 1px outset #3AA75A;}</style>