*{
    margin: 0;
    padding: 0;
}
span{
    display: inline-block;
}
a{
    display: inline-block;
    text-decoration: none;
}
#error{
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url(../img/404\ error-BG.jpg);
    background-size: cover;
    background-position: center;

}
#error .box{
    width: 54vw;
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50%,0);
}
#error .box div:nth-child(1){
    text-align: center;
    font-size: 2.08vw;
    color: #000;
    margin-bottom: 3.65vw;
}
#error .box div:nth-child(2){
    text-align: center;
    color: #585858;
    font-size: 1.87vw;
    margin-bottom: 3.65vw;
}
#error .box div:nth-child(3){
    height: 1.98vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.56vw;
}
#error .box div:nth-child(3) span:nth-child(1) {
    color: #69c4ff;
    margin-right: 3.12vw;
    display: flex;
    align-items: center;
}
#error .box div:nth-child(3) span:nth-child(1) em{
    font-size: 1.88vw;
    margin-right: 0.52vw;
    font-style: normal;
}
#error .box div:nth-child(3) span:nth-child(2){
    height: 1.77vw;
    margin-right: 3.12vw;
    width: 4px;
    overflow: hidden;
}
#error .box div:nth-child(3) span:nth-child(3) a{
    height: 1.77vw;
    width: 1.77vw;
    margin-right: 3.12vw;
}
#error .box div:nth-child(3) span:nth-child(2) img,#error .box div:nth-child(3) span:nth-child(3) img{
    height: 100%;
    width: auto;
    margin-right: 1.04vw;
}
#error .box div:nth-child(3) span:nth-child(4) a{
    color: #333333;
}