@font-face {
    font-family: "chenyuluoyan";
    src: 
    url("../fonts/ChenYuluoyan-2.0-Thin.ttf");
}

@font-face {
    font-family: "huninn";
    src: 
    url("../fonts/jf-openhuninn-2.1.ttf");
}

@font-face {
    font-family: "kaisu";
    src: url("../fonts/kaiu.ttf");
}

@font-face {
    font-family: 'lisu';
    src: url('../fonts/MoeLI.ttf');
}
/* ***** CSS content ****** */

*{

    list-style: none;
    font-family: "huninn","kaisu", 'lisu', Courier, monospace;
}
.container{
            width: 900px;
            margin: auto;
            font-family: "huninn","kaisu", 'lisu', Courier, monospace;
            font-size: 18px;
            display: flext;
            flex-direction: column;
            flex-wrap: wrap;
}

.subject {
    line-height: 1.5em;
}

.item{
    width: 100%;
    background-color: #000;
    color: bisque;
    border-radius: 10px;
    padding: 1px 10px;
    /* line-height: 0em; */
    font-size: 18px;
    vertical-align: top;
}

.item p{
    line-height: 1.3em;
}

.pic{
    width: 100%
}

.item .link a{
    color: white;
}

.item .link > a:focus{
    color: white;
}

a:hover::after {
    cursor: pointer;
}

a {
    /* background-color: transparent; */
    text-decoration: none;
}

li:hover{
    background-color: rgb(155, 149, 149);
}

li{
    width: 80%;
    line-height: 1.5em;
    margin: 5px;
}

ul{
    padding: 5px;
}

img{
    width: 60vw;
    margin:20px 0px;

}