/**
* Error Page CSS
**/
body {
    font-family: 'Red Hat Text';
    background: #272932;
    color: #ffffff;
}

h1 {
    font-family: 'Red Hat Bold';
}

#main {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
}

.yellow {
    color: #FDF500;
}

.errorBox {
    background: #000;
    padding: 5px;
    border: 1px solid #ffffff;
}

.bold {
    font-family: 'Red Hat Bold';
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('../font/RedHatText-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Bold';
    src: url('../font/RedHatText-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}