*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
.p-sidebar{
    width: 100%;
    margin:10px 0px 0px 0px;
    padding:0;
}
    .p-sidebar .coding .vn img{
        width: 40px;
        border-radius: 50%;
        vertical-align:middle;
    }
    .p-sidebar .coding .vn span {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 1.5px;
        font-family: "Dela Gothic One";
        text-shadow: 2px 2px 2px gray;
    }

    .p-sidebar .coding ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .p-sidebar .coding ul li{
        display:block;
        border-bottom: 1px dotted gray;
        margin: 5px;
    }

    .p-sidebar .coding ul li img{
        width: 30px;
        max-width: 30px;
        vertical-align:middle;
        padding: 5px 5px 5px 0px;
    }
        .p-sidebar .coding ul li a {
            text-decoration: none;
            font-size: 17px;
            color: #0094ff;
            text-shadow: 1px 1px 1px gray;
            font-family: "Audiowide", sans-serif;
        }
        .p-sidebar .coding ul li input[type=search]{
            border:none;
            outline-style:none;
            border-bottom: 1px solid green;
            padding: 5px;
            width: 80%;
        }


    .p-sidebar .sidebar-user{
        margin-top: 20px;
    }
        .p-sidebar .sidebar-user span {
            margin-left: 5px;
            padding: 5px 10px 7px 10px;
            font-size: 17px;
            color:white;
            font-family: "Dela Gothic One";
            background: #B03A2E;
        }
        .p-sidebar .sidebar-user .usr img {
            vertical-align: middle;
            width: 40px;
        }
    .p-sidebar .sidebar-user ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .p-sidebar .sidebar-user ul li{
        display:block;
        padding: 5px 0px 5px 5px;
    }
        .p-sidebar .sidebar-user ul li img{
            width: 30px;
            vertical-align:middle;
            padding-right: 5px;
        }
        .p-sidebar .sidebar-user ul li a{
            text-decoration:none;
            background-color:green;
            font-family:Arial;
            color:navajowhite;
            padding: 5px;
            font-weight:bold;
        }

            .p-sidebar .sidebar-user ul li a:hover{
                background:yellow;
                color:red;
            }
            .p-sidebar .sidebar-user ul.sidebar-user-logged {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
            }
            .p-sidebar .sidebar-user ul.sidebar-user-logged img {
                width: 70px;
                border-radius: 50%;
                border: 1px solid #1B2631;
            }
            .p-sidebar .sidebar-user ul.sidebar-user-logged p {
                width: 100%;
                background: #BFC9CA;
                padding: 6px;
                color: #B03A2E;
                overflow: hidden;
                text-overflow: ellipsis;
            }



.p-sidebar .recent-post{
    margin-top: 20px;
    letter-spacing: 3px;
}
    .p-sidebar .recent-post .title p {
        font-size: 17px;
        font-weight: bold;
        font-family: "Dela Gothic One";
        background: #95A5A6;
        color: #922B21;
        padding: 10px 2px;
        text-shadow: 2px 2px 2px white;
    }