CINXE.COM
Unexpected Server Error
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Unexpected Server Error</title> <style> .error-container { position: absolute; top: 30%; left: 10%; transform: translateY(-30%); color: #3b3b3b; font-family: Arial,sans-serif; font-size: 17px; line-height: 27px; } @media screen and (max-width: 767px) { .error-container { left: 0; padding: 0 30px; } } .error-heading1 { color: #3c289b; font-size: 48px; font-weight: 400; line-height: 62px; } .error-heading2 { color: #3c289b; font-size: 18px; font-weight: 700; line-height: 30px; } .error-code { font-size: 14px; } .button-primary { background: #3c289b; box-shadow: inset 0 0 0 1px #3c289b; border: 0; border-radius: 50px; color: #ffffff; display: inline-block; font-family: Arial,sans-serif; font-size: 15px; font-weight: bold; line-height: 16px; padding: 14px 30px; text-decoration: none; transition: all 0.15s ease-in-out; } .button-primary:focus, .button-primary:hover { box-shadow: inset 0 0 0 2px #3c289b; transform: scale(1.05); } </style> </head> <body> <div class="error-container"> <h1 class="error-heading1"> We're sorry. </h1> <h4 class="error-heading2"> Our server couldn't complete your request. <br /> Please refresh your browser and try again soon. </h4> <a class="button-primary" href="/">Home</a> <p class="error-code"> Error Code: 500 </p> </div> </body> </html>