<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
h1 {
    color: #fff;
    padding-top: 0%;
    padding-left: 15vw;
    text-shadow: var(--main-color) 1px 0 10px;
}

h1::before {
    content: attr(data-h1) "\A";
    white-space: pre;
    font-size: 4rem;
    line-height: 0;
}

h2 {
    color: var(--main-color);
    font-size: 1em;
}

h2::before {
    font-size: 1.6em;
    content: attr(data-h2) "\A";
    white-space: pre;
}

h3 {
    color: var(--main-color);
    font-size: 1em;
}

h3::before {
    font-size: 1.6em;
    content: attr(data-h3) "\A";
    white-space: pre;
}

h4::after {
    content: "\A"attr(data-h4);
    white-space: pre;
}

#news-article {
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows: 1fr auto;
    row-gap: 2rem;
    width: 70vw;
    padding-left: 15vw;
    padding-right: 15vw;
}

.news-list {
    font-size: 1rem;
}

.news-list ol {
    margin-top: 0;
    list-style-type: none;
}

.news-list li {
    padding: 1rem 0;
}

.news-list span {
    margin-right: 1rem;
}

.news-list p {
    display: table-cell;
}

.news-footer {
    grid-column: 2;
    text-align: right;
}

@media screen and (max-width:1024px) {
    h1 {
        padding-left: 1rem;
    }
    h1::before {
        font-size: 2rem;
    }
    #news-article {
        width: 96vw;
        max-width: 750px;
        margin: auto;
        padding: 5vh 2vw;
        display: block;
        grid-template-columns: 100%;
    }
    h2 {
        font-size: 0.8rem;
        text-align: center;
    }
    h3 {
        font-size: 0.8rem;
    }
    #page-title {
        height: 14vh;
        min-height: 6rem;
        padding-top: 7vh;
    }
    .content {
        width: 96vw;
        padding: 5vh 2vw;
    }
}