*{
    margin: 0;
    padding: 0;
}
body{
    font-family: sans-serif
} 
.error-main{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.error-main .error-title{
    margin: 0;
    font-size: 150px;
    color: #fdb040;
    text-shadow: 
    1px 1px 1px #b96d00, 
    2px 2px 1px #875000, 
    3px 3px 1px #cf7b00, 
    4px 4px 1px #956828, 
    5px 5px 1px #e78900, 
    6px 6px 1px #b5710f, 
    7px 7px 1px #b3700e, 
    8px 8px 1px #8f672c, 
    25px 25px 8px rgba(0,0,0, 0.2);
    letter-spacing: 12px;
}
.error-content-main{
    display: flex;
    align-items: center;
}
.error-content-main img{
    width: 25px;
    margin-right: 5px;
}
.error-content{
    margin: 32px 0;
    font-size: 20px;
    font-weight: 600;
    color: #444;
}
.back-home{
    display: inline-block;
    border: 2px solid #222;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 16px;
    transition: all 0.2s linear;
    box-shadow: 0 3px 8px rgba(0,0,0, 0.3);
    border-radius: 7px;
    text-decoration: none;
}
.back-home:hover{
    background: #fdb040;
    color: #000;
    border-color: #fdb040;
}
@media (max-width: 460px) {
    .error-main .error-title{
        font-size: 120px;
    }
    .error-content-main{
        padding: 0 15px;
    }
    .error-content-main img{
        margin-right: 12px;
    }
    .error-content{
        margin: 12px 0 22px;
        font-size: 16px;
    }
    .back-home{
        font-size: 14px;
        padding: 10px 14px;
    }
}