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