<!DOCTYPE html>
<html>
    <head>
        <title>Access Denied (｡ŏ_ŏ)</title>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap" rel="stylesheet">
        <style>
            .content {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                text-align: center;

                font-family: "M PLUS Rounded 1c", sans-serif;
                font-weight: 400;
                font-style: normal;
            }

            @media (max-width:680px) {
                .content {
                    position: absolute;
                    left: 30%;
                    top: 30%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }
            } 

            .content img{
                width: 100%;
            }

            .content p{
                padding: 0.4em;
                background-color: #424242;
                color: white;
                border-radius: 0.4em;
            }


        </style>
    </head>
    <body>
        <div class="content">
            <img src=" data:image/png;base64,[encoded data, 262356 characters]">
            <p>Oh nyo, uwu have bewn bwackwisted! (｡ŏ_ŏ)</p>
        </div>
    </body>
</html>