.container { display: flex; flex-wrap: wrap; min-height: 100vh; } .sidebar { width: 250px; background-color: #2c3e50; padding: 30px 20px; color: white; } .sidebar ul li { margin: 12px 0; cursor: pointer; padding: 12px; border-radius: 5px; font-size: 18px; transition: background-color 0.3s; } .sidebar ul li:hover, .sidebar ul li.active { background-color: #1abc9c; color: #fff; } .content { flex: 1; padding: 50px; background-color: #ffffff; } .section { display: none; } .section.active { display: block; } h1 { font-size: 36px; margin-bottom: 25px; color: #2c3e50; } p { line-height: 1.8; font-size: 18px; text-align: justify; }