@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
    vertical-align: top;
    font: small Arial, sans-serif;
    box-sizing: border-box;
}

body {
    background-color: #f1f2f6;
}

    body form {
        position: absolute;
        width: 300px;
        top: 30%;
        left: 50%;
        margin-left: -150px;
        text-align: right;
    }

        body form .logo {
            margin-bottom: 20px;
            text-align: center;
        }

        body form h1 {
            margin-bottom: 10px;
            padding: 5px;
            border: 1px solid #f5c2c7;
            background-color: #f8d7da;
            color: #842029;
            text-align: left;
        }

        body form input {
            width: 100%;
            display: block;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #dfe4ea;
            border-radius: 2px;
            transition: border-color .1s;
        }

            body form input:focus {
                border-color: #0652dd;
            }

        body form button {
            font-size: 14px;
            color: #ffffff;
            padding: 10px 20px;
            border: none;
            border-radius: 2px;
            background-color: #0652dd;
        }

            body form button:active {
                background-color: #053fab;
            }