.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;}

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