Untitled

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Modelo</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
            body {
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #fff;
            }
            .container {

            }
            .formulario {
                margin-top: 30px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                width: 400px;
                height: 400px;
                /*border: 1px solid;*/
                background-color: #2291ac;
                border-radius: 15px;
                box-shadow: 5px 5px 15px #999;
            }
            .title {
                color: #fff;
                text-shadow: 1px 1px 4px #000;
                font-family: "Helvetica", "Arial", sans-serif, serif;
                font-size: 25px;
                font-weight: bold;
                letter-spacing: 4px;
                text-transform: uppercase;
                margin-bottom: 15px;
            }
            input {
                display: block;
                border-radius: 6px;
                height: 30px;
                /*background-color: #fff;*/
                margin-top: 15px;
            }
            input[type=submit] {
                text-transform: uppercase;
                width: 250px;
                background-color: #5ca5b2;
                color: #fff;
                font-weight: bold;
                height: 40px;
                border-radius: 8px;
            }
            label {
                font-family: "Helvetica", "Arial", sans-serif, serif;
                color: #fff;
                text-shadow: 1px 1px 4px #000;
                font-weight: bold;
                letter-spacing: 4px;
                text-transform: uppercase;
            }
            input[type=nome] {
                background-image: url(imagens/man-user.png);
                background-repeat: no-repeat;
                background-position: left;
                background-size: contain;
                text-align: center;
                font-style: oblique;
            }
            input[type=password] {
                background-image: url(imagens/lock.png);
                background-repeat: no-repeat;
                background-position: left;
                background-size: contain;
                text-align: center;
                font-style: oblique;
            }
        </style>
    </head>

    <body>
       <div class="container">
           <div class="formulario">
           <div>
               <p class="title">system access</p>
           </div>
            <form>

                <label for="Nome">User:</label>
                <input type="nome" name="nome" id="nome" size="30" maxlength="15" placeholder="Enter username" autofocus>

                <br><br>

                <label for="Senha">Password:</label>
                <input type="password" name="senha" id="senha" size="30" maxlength="8" placeholder="Enter password">

                <br><br>

                <input type="submit" value="Enviar" id="enviar">

            </form>
        </div>
    </div>
    </body>
</html>