<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="{{ url_for('static', filename='TTCommons/stylesheet.css') }}">
        <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap.min.css') }}">

        <link rel="shortcut icon" href="favicon.png" />

        {% block head %}{% endblock %}
    </head>
    
    <body style="background-color: #edeef0; font-family: 'TT Commons';">
        <div class="container-sm border rounded shadow-sm bg-white p-0 w-50 mt-5">
            <div class="rounded-top" style="background-color: #4680C2;">
                <img src="{{ url_for('static', filename='vk-logo.png') }}" class="m-3" style="height:30px;">
            </div>

            {% block body %}{% endblock %}
        </div>
    </body>
</html>