Untitled

<!DOCTYPE html>
<html lang="en">

<body>
    <style>
        @font-face {
            font-family: "mainfont";
            src: url("{{ url_for('static', filename='geomanist-regular.ttf') }}");
        }
        body {
            font-family: 'mainfont', sans-serif;
        }
        .cookielabel_default{
            display: flex;
            background-color: #28282B;
            position: -webkit-sticky; /* Safari */
            z-index: 1000;
            position: sticky;
            bottom: 0;
            overflow-x: hidden;
        }
        .cookielabel_p{
            position: relative;
            left: 20%;
            right: 20%;
            color: white;
            font-size: 15px;
        }
        .cookielabel_accept{
            position: relative;
            left: 70%;
            color: black;
            background-color: white;
            font-size: 15px;
            height: 90%;
            margin: auto 0; /* center vertically (idk why, is that just what margin is?) */
        }

    </style>
    <div class="cookielabel_default">
        <p class="cookielabel_p">This website uses cookies.</p>
        <button class="cookielabel_accept">Accept</button>
    </div>
</body>
</html>