@import "bootstrap.min.css";
@import "foot.css";
@import "default.css";

.container {
    padding-top: 130px;
    padding-bottom: 50px;
    box-shadow: 0 0 10px 20px rgba(0,0,0,0.2);
    /* padding-bottom: 50px; */
    background-color: rgb(34,39,44);
    text-align: left;
}

.content {
    width: 80%;
    margin-left: 10%;
    font-family: "SimSun";
}

.content p {
    color: rgb(228, 228, 228);
    font-size: 20px;
}

.content p b {
    color: aliceblue;
    font-size: 22px;
    font-weight: bold;
}

.content p[type="dark_red"] {
    color: rgb(224, 53, 53);
    font-weight: bolder;
}

.content p[type="dark_red"] b {
    color: rgb(224, 53, 53);
}

.content p[type="red"] {
    color: rgb(255, 110, 110);
}

.content p[type="red"] b {
    color: rgb(245, 89, 89);
}

.content p[type="prompt"] {
    color: rgb(177, 177, 177)
}

.content h1 {
    text-align: center;
    font-weight: bolder;
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-family: "Microsoft Yahei";
}

.content h2 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.content h3 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 26px;
}

.content a {
    text-decoration: underline rgba(136, 183, 254, 0.8) 1px;
    text-underline-offset: 4px;
    color: rgb(201, 223, 255);
    font-family: "FangSong";
    transition-property: all;
    transition-duration: 200ms;
}

.content a:hover {
    color: rgb(137, 184, 255);
    text-decoration: underline rgba(136, 183, 254, 0.7) 1px;
}