/* CSS for error page generated on the server ApiController */

@font-face {
    font-family: SegoeUI;
    src: local('Segoe UI Light'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype');
    font-weight: 100;
}
@font-face {
    font-family: SegoeUI;
    src: local('Segoe UI Semilight'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: SegoeUI;
    src: local('Segoe UI'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: SegoeUI;
    src: local('Segoe UI Semibold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: SegoeUI;
    src: local('Segoe UI Bold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype');
    font-weight: 700;
}

body {
    font-family: SegoeUI, sans-serif;;
    margin: 0;
    padding: 0;
  }
  
.container {
    width: 100%;
    max-width: 500px;
    margin: 50px auto;
}

h1.error-message {
    font-size: 24px;
}

.error-message {
    text-align: center;
    font-size: 16px;
    margin-top: 100px;
}

.error-image {
    display: block;
    margin: 0 auto;
    max-width: 300px;

}

.error-footer {
    text-align: center;
    margin-top: 20px;
}