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

<head>
    <meta name="description" content="Webpage description goes here" />
    <meta charset="utf-8">
    <title>Access Forbidden</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        html, body {
            height: 100%;
            width: 80%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #10172a;
            color: #FFF;
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
            Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
            margin: 0 auto;
        }

        .container {
            max-width: 1000px;
            display: flex;
            flex-direction: column;
            row-gap: 30px;
            align-items: center;
            border: 2px solid #FFF;
            border-radius: 30px;
            padding: 10% 15%;
        }

        .container h2 { font-size: xx-large; }

        .container .text-wrap {
            font-size: large;
            line-height: 1.6em;
            font-weight: normal;
            text-align: left;
        }

        .container .text-wrap .inner-text {
            margin-top: 60px;
            font-weight: 500;
        }


        @media (max-width: 768px) {
            .container { padding: 8% 10%; }
            .container h2 { font-size: large; }
            .container .text-wrap { font-size: medium; }
            .container .text-wrap .inner-text { margin-top: 40px; }
        }


        @media (max-width: 480px) {
            .container { padding: 10% 8%; text-align: center; }
            .container h2 { font-size: medium; }
            .container .text-wrap { font-size: small; }
            .container .text-wrap .inner-text { margin-top: 30px; }
        }
    </style>
</head>

<body>

<div class="container">
    <div><i class="fa fa-warning fa-6x"></i></div>
    <div><h2>Access Denied</h2></div>
    <div class="text-wrap">
        <hr />
        <div class="inner-text">
            We are sorry, but your request has been blocked by our web application firewall. <br>
            This could be due to unusual activity or a potential security risk. <br>
            Please contact your hosting provider for further information.
        </div>
    </div>
</div>

</body>
</html
