<style>
    body{
        font-family: Verdana;
    }
</style>
<div style="width: 100%;height: 100%;padding:20px;display: flex;justify-content: center;">
    <div style="width: 800px;max-width: 80%">
        <img style="width: 200px;display: block;margin: auto;" src="{{ ErrorImage }}"/>
        <h1>Sorry an error occurred =(</h1>
        <p>This might be solved by refreshing the screen but if you need assistance please <a href="https://allinoneforms.rednao.com/contact-us/">Contact Support</a> </p>
        <h3 style="margin:5px 0 2px 0">Error Detail:</h3>
        <pre style="margin:0;overflow: auto;border: 1px solid black;max-height: 600px;padding:10px;">{{ Detail }}</pre>
    </div>
</div>