<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{{ title }}</title>

    <link rel="stylesheet" href="/static/css/reset.min.css">
    <link rel="stylesheet" href="/static/css/card.min.css">
    <link rel="stylesheet" href="/static/css/button.min.css">
    <link rel="stylesheet" href="/static/css/styles.css">
</head>

<body>
    <header>
        {% block nav %} {% endblock nav %}
    </header>
    <main>
        {% block content %}{% endblock content %}
    </main>
    <footer>
        {% block footer %} {% endblock footer %}
    </footer>

    <script src="/static/js/howler.min.js"></script>
    <script src="/static/js/app.js"></script>
</body>

</html>
