phpstorm

register:


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" media="screen" href="/assets/css/styles.css" />
    {% block css %}{% endblock %}
    {% block head_js %}{% endblock %}
</head>
<body class="blank-page sb-l-o sb-r-c onload-check">
<div id="main">
    <section id="content_wrapper">
        {{ form_start(form) }}

        {{ form_row(form.username) }}
        {{ form_row(form.password) }}

        <button type="submit">REGISTER</button>

        {{ form_end(form) }}

    </section>
</div>

{% block javascript %}{% endblock %}

</body>
</html>


login:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" media="screen" href="/assets/css/styles.css" />
    {% block css %}{% endblock %}
    {% block head_js %}{% endblock %}
</head>
<body class="blank-page sb-l-o sb-r-c onload-check">
<div id="main">
    <section id="content_wrapper">
        {% if error %}
            <div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
        {% endif %}

        <form action="{{ path('login_check') }}" method="post">
            <label for="username">Username:</label>
            <input type="text" id="username" name="_username" value="{{ last_username }}" />

            <label for="password">Password:</label>
            <input type="password" id="password" name="_password" />

            <button type="submit">login</button>
        </form>

        <a href="{{ path('register') }}">Register</a>
    </section>
</div>

{% block javascript %}{% endblock %}

</body>
</html>


css:


body
{
    background-color: black;
}

div {
    height: 50px;
    width: 200px;
    background-color: white;
    margin: auto;
    text-align: center;
    /*vertical-align: middle;
     position:absolute;
     margin-top: -200px;
     top: 50%;
     KURWA*/
}

a
{
    text-decoration: none;
    color: #FFFFFF;
}