Untitled

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
    body{
        font-family: agency fb;
        margin: 0;
        padding: 0;
        background: url(assets/pict/wr.jpg);
        background-size: 100%;
        color: white;
    }

    .form-horizontal{
        width: 410px;
        padding: 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #191919;
        text-align: center;
        border-radius: 7px;
        height: 360px;
        margin-top: -60px;
    }

    h1{
        color: white;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 32px;
        font-family: agency fb;
    }

    .form-horizontal input[type = "text"], .form-horizontal input[type = "password"]{
    border: 0;
    background: none;
    display:block;
    margin: 35px auto;
    border: 2px solid #2c3e50;
    padding: 14px 10px;
    width: 250px;
    outline: none;
    color: white;
    border-radius: 4px;
    transition: 0.4s;
}

.form-horizontal input[type = "text"]:focus, .form-horizontal input[type = "password"]:focus{
    border: 2px #3498db solid;
}

.form-horizontal button[type = "submit"]{
    border: 2px solid #2c3e50;
    background: #2c3e50;
    display: block;
    margin: 20px auto;
    text-align: center;
    padding: 10px 30px;
    outline: none;
    color: white;
    border-radius: 4px;
    transition: 0.3s;
    cursor: pointer;
}

.form-horizontal button[type = "submit"]:hover{
    border:2px #3498db solid;
    background: #3498db;
}
    </style>
</head>
<body>
    <form class="form-horizontal" action="login.php" method="POST">
        <h1>Login</h1>
        <div class="form-group">
            <label class="col-sm-2 control-label"></label>
            <div class="col-sm-10">
                <input type="text" name="username" class="form-control" placeholder="Username">
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label"></label>
            <div class="col-sm-10">
                <input type="password" name="password" class="form-control" placeholder="Password">
            </div>
        </div>

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