#error-500 {
    background: #2f4256 url('../dist/imgs/tools/service_pattern.png') repeat 0 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #error-500 .content .error-code {
        font-size: 112px;
        line-height: 1;
        text-align: center;
        margin-bottom: 16px;
        font-weight: 500;
        color: #fff;
    }

    #error-500 .content .message {
        font-size: 24px;
        text-align: center;
        color: rgba(256, 256, 256, .4);
    }

    #error-500 .content .sub-message {
        font-size: 17px;
        text-align: center;
        color: rgba(256, 256, 256, .4);
        margin: 16px auto 48px
    }

    #error-500 .content .report-link {
        text-align: center;
        font-weight: 500;
        font-size: 15px;
        border: solid #fff 1px;
        padding: 10px 25px;
        color: #fff;
        background: rgba(256, 256, 256, .1);
        border-radius: 5px;
        transition: all .25s ease-in-out;
    }

        #error-500 .content .report-link:hover {
            color: #2f4256;
            background: #fff;
        }