*{
    margin:  0;
    padding:  0;
}
body{
    background-color:rgb(117 216 223 / 43%);
}
a{
    text-decoration: none;
    color: inherit;
}
#top_nav{
    display: none;
}
#header {
    padding-left: 13vw;
    background-color: white;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}
#header #blogTitle{
    display: none;
}
#navList{
    list-style: none;
width: 27vw;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    float: left;
}
#navList li{
    float: left;
}
#navigator{
   height: 60px;
    line-height: 60px;
}
.blogStats{
float: left;
    margin-left: 34vw;
}
#main{
     margin: 0 auto;
    margin-top: 14px;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#mainContent{
    background-color: white;
    width: 54vw;
}
#sideBar{
    background-color: white;
     margin-left: 1vw;
    width: 15vw;
}
.dayTitle{
    padding:15px;
    border-bottom: 1px solid rgb(117 216 223 / 22%);
}
.dayTitle a{
    color: rgb(0 0 0);
    font-size: 16px;
}
.day .postTitle{
    padding-left: 15px;
    font-size: 21px;
    text-shadow: 5px 0px 10px rgb(117 216 223);
}
.postCon{
    padding: 8px 15px;
}
.postDesc{
    font-size: 14px;
    color: rgb(204 204 204);
    float: right;
    padding-right: 15px;
}
.c_b_p_desc{
     color:rgb(85 85 85);
}
.c_b_p_desc a{
    display: table;
    padding-left: 0;
    border: 2px solid rgb(117 216 223 / 43%);
    padding: 2px 9px;
    margin-top: 15px;
    border-radius: 5px;
}
.catListTitle{
    padding: 15px;
    border-bottom: 1px solid rgb(117 216 223 / 22%);
    font-size: 15px;
}
#blog-news{
    margin-top: 15px;
}
#blog-news .photo{
    float: left;
    margin-left: 15px;
}
#profile_block{
    float: left;
    font-size: 14px;
    margin-left: 5px;
}