/* 设置响应式布局 */
@media screen and (min-width: 1px) and (max-width: 768px) {

    .error {
        width: 100%;
        height: 900px;
        background: linear-gradient(to right, #acecea, #f3d9e4);
        background-size: 100% 100%;
    }

    .error h1 {
        font-size: 50px;
        text-align: center;
        /* padding-top: 50px; */
    }

    .error h2 {
        color: white;
        text-align: center;

    }

    .error p {
        text-align: center;
        align-items: center;
        font-size: 20px;
    }

    .error h1 a {
        font-size: 20px;
        text-decoration: none;
        /*去掉下划线*/
        color: inherit;
        /* 去除字体颜色 */
    }
}

@media screen and (min-width: 768px) {
    .error {
        width: 100%;
        height: 900px;
        background: linear-gradient(to right, #acecea, #f3d9e4);
        background-size: 100% 100%;
    }

    .error h1 {
        /* color: white; */
        font-size: 50px;
        text-align: center;
        /* padding-top: 50px; */

    }

    .error h2 {
        color: white;
        text-align: center;

    }

    .error p {
        text-align: center;
        align-items: center;
        font-size: 20px;
    }

    .error h1 a {
        font-size: 20px;
        text-decoration: none;
        /*去掉下划线*/
        color: inherit;
        /* 去除字体颜色 */
    }

}