@charset "UTF-8";

body {min-height: 100vh;  min-width: 380px;}

/* error */
.error {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;padding: 20px; width:100%}
.error-txt {position: relative;}
.error .num {font-size: 250px;font-weight: 500;color: #f4f4f4;line-height: 1;}
.error .title { font-size: 50px; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 100%; font-weight: 300;}
.error .txt { font-size: 20px; margin-top: 35px;     word-break: keep-all;}
.error a{ padding: 13px 20px; color: #fff; background: #595959; border-radius: 50px; width: 100%; max-width: 250px; display: block; margin: 0 auto; margin-top: 85px; font-size: 22px; transition: 0.3s;}


.error a:hover {transition: 0.3s; box-shadow: 0px 0px 10px #1615157d;}

@media (max-width:768px) {
    .error .num {font-size: 200px;}
    .error .title {font-size: 35px;}
    .error .txt {font-size: 17px;}
    .error a {margin-top: 55px;max-width: 200px; font-size: 20px;}

}

@media (max-width:550px) {
    .error a {font-size: 19px; margin-top: 35px; max-width: 150px; padding: 10px 20px;}
    .error .num {font-size: 150px;}
    .error .title {font-size: 30px;}
    .error .txt {margin-top: 25px;font-size: 16px;}

}