/* General Errors — fluid layout serving both terminal resolutions:
   First Contact Display (1920 × 1080) and Parking User Terminal (1280 × 1024). */

body.screen-fluid {
    width: 100vw;
    height: 100vh;
}

.error-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100% - var(--nav-height));
    padding: 0 100px;
    text-align: center;
}

.error-icon {
    width: 142px;
    height: 142px;
    margin-bottom: 68px;
}

.error-title {
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--color-error);
}

.error-subtitle {
    margin-top: 38px;
    max-width: 1031px;
    font-size: 50px;
    font-weight: 500;
}

/* First Contact Display resolution — bump the type scale to match the
   1920-wide error style (see "Car is not registered"). */
@media (min-width: 1600px) {
    .error-icon {
        width: 190px;
        height: 190px;
    }

    .error-title {
        font-size: 100px;
    }

    .error-subtitle {
        margin-top: 46px;
        max-width: 1400px;
        font-size: 70px;
    }
}