.error-container {
    position: absolute;
    height: 20vh;
    width: 20vw;
    left: 50%;
    top: 25%;
    z-index: 1200;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-perspective: 400px;
    perspective: 400px;
}

.error-container .card {
    text-align: center;
}

.error-shade {
    background: rgba(0, 0, 0, .3);
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}