<!DOCTYPE html>
<html lang="en" style="height:100%">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>501 Internal Server Error</title>
    
    <style>
        @media (prefers-color-scheme: dark) {
            body {
                background-color: #000 !important;
            }
        }
    </style>
</head>

<body
    style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
    <div style="height:auto; min-height:100%;">
        <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
            <h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">501</h1>
            <h2 style="margin-top:20px;font-size: 30px;">Internal Server Error</h2>
            <p>Something went wrong on the server. Please try again later.</p>
        </div>
    </div>
    <div
        style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
        <br>Custom error page by your server administrator.
        <p>This is a server-side error. If the issue persists, please contact the website administrator.</p>
    </div>
</body>

</html>
