CINXE.COM
Error 500
<!DOCTYPE html> <html lang="en"x-data="root()" ax-load="eager" x-bind:class="{ 'reduce-motion': $store.mediaQuery.prefersReducedMotion }"> <head> <title>Error 500</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/dist/main.css?v=UXmVCKtMqttFwzrkhq8sNtOGIWKXConwLU7MZsRQ-Eo" /> </head> <style> body { margin: 0; } .error-page { height: 100vh; background-color: #bdefd9; } .error-page__content { display: flex; flex-direction: column; max-width: 80%; padding-top: 60px; margin: 0 auto; } .error-page__code { display: flex; justify-content: center; height: 200px; background-image: url("dist/assets/img/shieldFullVerticalBlue.svg"); background-repeat: no-repeat; background-position: center; } .error-page__code.internal-error { background-image: url("dist/assets/img/shieldFullVerticalPeach.svg"); } .error-page__code h1, .error-page__code .h1 { align-self: center; } .error-page__message { display: flex; flex-direction: column; align-self: center; } .error-page__message h1, .error-page__message .h1 { align-self: center; text-align: center; } .error-page__message p { font-family: museo-slab, sans-serif; font-size: 1.125rem; font-weight: 700; text-align: center; } .error-page__redirects { display: flex; flex-direction: column; align-items: center; justify-content: space-between; margin-top: 30px; } .error-page__redirects .btn { width: 65%; min-width: 180px; margin-bottom: 16px; } @media (min-width: 768px) { .error-page__code { height: 300px; } .error-page__content { max-width: 50%; padding-top: 100px; } .error-page__message h1, .error-page__message .h1 { width: 150%; } .error-page__redirects { flex-direction: row; } .error-page__redirects .btn { width: auto; } } @media (min-width: 1200px) { .error-page__content { max-width: 30%; } } </style> <body> <main> <div class="error-page"> <div class="error-page__content"> <div class="error-page__code internal-error"> <h1>500</h1> </div> <div class="error-page__message"> <h1 class="error-page__title">Something went wrong </h1> <p class="error-page__description">We encounterd some kind of internal error displaying this page. Please try again.</p> </div> <div class="error-page__redirects"> <a href="javascript:history.back()" class="btn btn--cta-light display-shield"> Go Home <span class="btn__arrow"> <span class="btn__arrow-shield"> <svg aria-hidden="true" class="svg-inline--fa fa-arrow-right-long" focusable="false" data-prefix="fas" data-icon="arrow-right-long" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"></path> </svg> </span> </span> </a> <a href="/" class="btn btn--cta-dark display-shield"> Go Home <span class="btn__arrow"> <span class="btn__arrow-shield"> <svg aria-hidden="true" class="svg-inline--fa fa-arrow-right-long" focusable="false" data-prefix="fas" data-icon="arrow-right-long" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"></path> </svg> </span> </span> </a> </div> </div> </div> <script src="/dist/main.bundle.js"></script> </main> </body> </html>