{% import 'macros.html.twig' as macros %}
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
    <!-- DOMjudge version {{ domjudgeVersion }} -->
    <meta charset="utf-8"/>
    <title>{{ title }}</title>
    <style>

        /*!
         * Styling based on:
         * Bootstrap v4.0.0 (https://getbootstrap.com)
         * Copyright 2011-2018 The Bootstrap Authors
         * Copyright 2011-2018 Twitter, Inc.
         * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
         */
        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            -ms-overflow-style: scrollbar;
            -webkit-tap-highlight-color: transparent;
        }

        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff;
        }

        table {
            border-collapse: collapse;
        }

        .table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 1rem;
            background-color: transparent;
        }

        .table th,
        .table td {
            padding: 2px;
            vertical-align: top;
            border-top: 1px solid #dee2e6;
        }

        .table thead th {
            vertical-align: bottom;
            border-bottom: 2px solid #dee2e6;
        }

        .table tbody + tbody {
            border-top: 2px solid #dee2e6;
        }

        .table .table {
            background-color: #fff;
        }

        main {
            padding: 1rem 1rem;
        }

        h1, h2 {
            text-align: center;
        }

        h1 {
            font-size: 2em;
            padding-top: 0;
        }

        h2 {
            font-size: 1.5em;
            padding-top: 2rem;
        }

        code {
            font-size: .875em;
            color: rgb(214, 51, 132);
            word-wrap: break-word;
        }

        pre {
            border-top: 1px dotted #C0C0C0;
            border-bottom: 1px dotted #C0C0C0;
            background-color: #FAFAFA;
            margin: 0;
            padding: 5px;
            font-family: monospace;
            white-space: pre;
        }

        pre > code {
            color: inherit;
	      }

        blockquote {
            border-left: darkgrey solid .2em;
            padding-left: .5em;
            color: darkgrey;
        }
        {% block extra_style %}{% endblock %}
    </style>
    {{ macros.mathjax_head() }}
</head>
<body>
<main role="main" class="">
    <h1>{{ title }}</h1>

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