.sidenav {
    height: 100%;
    width: 130px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    text-align: left;
    padding-top:80px;
}

.sidenav a {
    padding: 0px;
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.main {
    margin-left: 160px; /* Same as the width of the sidenav */
    padding: 0px 10px;
}

.nav_item{
    background-color:#000;
    width:100%
}


@media screen and (max-height: 450px) {
    .sidenav {padding-top: 2px;}
    .sidenav a {font-size: 11px;}
}


/*news item*/
.news_item{
    background-color:antiquewhite;
    width:100%;

}
.news_item:hover{
    box-shadow: 4px 6px 18px #888888;
}