.container-page-status{
    height: calc(100vh - 80px);
    width: 100vw;
    background: #F7F7F7;
    text-align: center;
}

.container-page-status.page{
    height: 100vh;
}

.error-icon{
    max-width: 90%;
    width: 800px;
    margin: 0 auto 20px;
    display: block;
    transform: translateY(100px) scale(.8);
    opacity: 0;
    animation: iconEnter .4s cubic-bezier(0.385, 0.135, 0.15, 0.86) forwards;
}

.error-title,
.error-description{
    transform: translateY(20px); opacity: 0;    
}

.error-title{
    font-size: 30px;
    font-weight: 700;
    --delay: .05s;
}

.error-description{
    font-size: 17px;
    width: 500px;
    max-width: 90%;
    margin: 15px auto;
    line-height: 25px;
    color: #495057;
    --delay: .15s;
}

.fadeIn{
    animation: fadeIn .4s cubic-bezier(0.385, 0.135, 0.15, 0.86) forwards var(--delay);    
}

@keyframes iconEnter {
    from{ transform: translateY(100px) scale(.8); opacity: 0; }
    to{ transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes fadeIn {
    from{ transform: translateY(20px); opacity: 0; }
    to{ transform: translateY(0); opacity: 1; }
}