<style type="text/css">
* {
	font-family: Arial !important;
}
::-webkit-input-placeholder {
color: #fff;
	font-weight: bold;
}

:-moz-placeholder { /* Firefox 18- */
color: #fff;
	font-weight: bold;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #fff;
	font-weight: bold;
}

:-ms-input-placeholder {
color: #fff;
	font-weight: bold;
}

.kotak {
	 display: block; width: 300px; margin: 50px auto; font-size: 14px; background-color: #3f468c; color: #fff; padding: 25px; border-radius: 2px;
}

h1 {
	text-align: center; color: #4fbfff
}

h2 {
	text-align: center; color: #fff
}

input[type="text"], input[type="password"] {
border: 2px solid #fff; display: block; padding: 6px; width: 300px; background-color: transparent; color: #fff; margin-bottom: 25px; border-radius: 2px; opacity: 1; font-size: 14px;
}

input[type="text"]:focus, input[type="password"]:focus {
border-color: #4fbfff;
}

input[type="submit"] {
	width: 300px;
	background-color: #4fbfff;
	border: none;
	padding: 6px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border-radius: 2px;
}

</style>


<div class="kotak">
<h1>DINAS PENDIDIKAN</h1>
<h2>Welcome Back!</h2>
<form action="inputuser.php" method="POST">
<input type="text" name="username" placeholder="Username :" required>
<input type="password" name="password" placeholder="Password :" required>
<input type="submit" name="daftar" value="LOG IN">
</form>
</div>