Untitled

<link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assets/fontawesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="assets/bootstrap/js/bootstrap.min.js">
<style type="text/css">
        .container{
            width: 30%;
            margin-top: 100px;
            padding: 30px;
            background-color: #D3E3FC;
            box-shadow: 5px 5px 10px grey;
            border-radius: 5px;

        }
        body{
            background: linear-gradient(to left, #660066 20%, #ff0066 100%);
        }
</style>

<body>
    <div class="container">
        <h2 align="center">LOGIN</h2>
        <form class="form-horizontal" action="login.php" method="POST">
            <div class="form-group">
                    <label>Username</label>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <div class="input-group-text"><i class="fas fa-user"></i></div>
                        </div>
                        <input class="form-control" type="text" name="username" placeholder="Masukkan Username">
                    </div>
                </div>

            <div>
                <label>Password</label>
                <div class="input-group">
                    <div class="input-group-prepend">
                        <div class="input-group-text"><i class="fas fa-key"></i></div>
                    </div>
                <input class="form-control" type="password" name="password" placeholder="Masukkan Password">
                </div>
            </div>

            <div class="form-group">
                <label class="control-label"></label>
                <div>
                    <button type="submit" class="btn btn-primary mt-2">Login</button>
                </div>
            </div>
        </form>
    </div>
</body>