.server-head {
            margin: 0;
            padding: 10px 20px;
            position: relative;
            height: 20px;
            /* background-color: rgba(0, 0, 0, 0.131); */
            border-bottom: 1px solid rgba(160, 170, 180, 0.3);
            display: flex;
            align-items: center;
        }
        .server-head h1 {
            font-size: 16px;
            font-weight: normal;
            font-family: 'Times New Roman', Times, serif;
            /* font-family: 'Libre Caslon Text', serif; */
            /* font-family: 'Courier New', Courier, monospace; */
            
            text-shadow: none;
            /* color: #5c6b73; */

            background: linear-gradient(to bottom, rgb(167, 156, 156), rgb(107, 120, 104));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;

            letter-spacing: 2px;
            margin: 0;
        }
        h1{
            font-size: 14px;
            font-weight: normal;
            color: #5c6b73;
            letter-spacing: 2px;
            margin: 0;
        }
        .chat-or-other-box{
            position: relative;
                top: 0;
                left: 100px;
                height: 300px;
                width: calc(100% - 100px);
            border-left: 1px solid gray;
        }
        .common-fullwidth-box{
            width: 100%;
            height: 15px;
            border-bottom: 1px solid rgb(196, 203, 228);
            overflow: hidden;
            overflow-y: auto;
        }
        .common-null-box{
            width: 250px;
            height: 140px;
            padding: 2px;
            padding-left: 0;
            padding-top: 0;
            padding-bottom: 0;
        }
        .books-container-box {
            display: flex;
            flex-wrap: wrap;
            padding: 10px;
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }

        .common-write-box.write-block {
            position: relative;
            width: auto;
                height: auto;
                padding: 2px;
            font-size: 14px;
            text-shadow: none;
            line-height: 1.3;
            color: #4a555a;
            font-family: "Cardo", serif;
            font-family: "Source Serif 4", serif;
            box-sizing: border-box;
            /* outline: 1px dotted rgba(200, 200, 200, 0.7); */
            background-color: rgba(250, 252, 250, 0.5);
        }
        .common-write-box.write-block a {
            /* color: #2e7d32; */
            text-decoration: none;
            text-shadow: none;
            margin-left: 5px;
            font-size: 12px;
            opacity: 0.8;
            transition: color 0.2s ease;
        }
        .common-write-box.write-block a:hover {
            opacity: 1; color: goldenrod;
            transition: color 0.1s ease;
        }
        .common-write-box.write-block a:active {
            opacity: 1; color: rgb(193, 182, 155);
            transition: color 0.3s ease;
        }
        .common-write-box{padding: 3px;}

        .books-flex-wrapper {
            display: flex;
            align-items: stretch;
        }




.star-line-I{
        position: absolute;
            width: 0.5px;
            height: 170px;
            left: 15px;
            top: 72px;
        background-color: rgb(224, 224, 236);
    }
    .big-star{
        position: absolute;
            width: 10px;
            height: 10px;
            left: -5px;
        background-color: white;
        transform: rotate(45deg);
        outline: 1px solid rgb(219, 219, 233);
    }
    .small-star{
        position: absolute;
            width:5px;
            height: 5px;
            left: -2.5px;
        /* background-color: rgb(112, 112, 161); */
        background-color: white;
        transform: rotate(45deg);
        outline: 1px solid rgb(112, 112, 161);
    }