{{define "main"}}
<html>
    <head>
        <style>
            @font-face {
                font-family: "Bitter";
                font-style: normal;
                src: url("https://coopgo.fr/fonts/Bitter-Regular.woff") format("woff"); }
            
            html {
                font-family: Bitter, serif; 
            }

            .bg-co-blue {
                --tw-bg-opacity: 1;
                background-color: rgb(36 56 135 / var(--tw-bg-opacity));
            }

            .text-center {
                text-align: center;
            }

            .w-96 {
                width: 24rem/* 384px */;
            }

            .p-10 {
                padding: 2.5rem/* 40px */;
            }

            .m-10 {
                margin: 2.5rem/* 40px */;
            }

            .max-w-3xl {
                max-width: 48rem/* 768px */;
            }

            .max-w-4xl {
                max-width: 56rem/* 896px */;
            }

            .m-auto {
                margin: auto;
            }

            .text-white {
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }
        </style>
    </head>
    <body>
        <div class="bg-co-blue text-center text-white p-10">
            <img class="w-96" src="https://coopgo.fr/images/coopgo-logo-bluegreen.svg" alt="PARCOURSMOB" />
        </div>
        <div class="max-w-3xl m-auto">
            {{template "content" .}}
        </div>
    </body>
</html>
{{end}}