.main-container {display: flex;flex: 1;padding: 20px;}
.sidebar {width: 250px;background: #222;padding: 15px;flex-shrink: 0;}
.sidebar h2{margin-bottom:15px;border-bottom:1px solid #555;}
.sidebar li{margin-bottom:10px;}
.sidebar a{transition: background 0.3s, color 0.3s;}
.sidebar a:hover{transform:scale(1.03);background-color:#444;}
.content {flex-grow: 1;padding-left: 20px;}
.content-wrapper{padding:10px;display:flex;flex-direction:column;background:#222;}
.content-head-box{}
.content-box{display:flex;flex-direction:column;}
.pc-content-bar{display:flex;justify-content:space-between;align-items:center;width:100%;}
.bar-nav{display:flex;justify-content:space-between;align-items:center;margin-left:auto;}
.pc-title{}
.bar-nav li{list-style-type:none;}

@media (max-width: 768px) {
    .sidebar {display: none;}
    .content {padding: 10px;}
    .pc-content-bar{display:none;}
}