.section
{padding:50px}
.body
{margin:0;
padding:0;
box-sizing:border-box}
page-wrapper
{display:flex;
min-height:100vh;}
.content-container
{padding:60px}
.blue-box
{background-color:#C4FFF3;
padding:20px;
border-radius:8px}
.background
{background-color:#FFB8EC;
padding:20px;
border-radius:8px}
.sidebar
{background-color:#C4FFF3;
width:250px;
padding:20px;
 display:flex;
        justify-content:flex-end;}
.sidebar h2 {
    margin-bottom: 20px;
}

.sidebar ul {
    list-style-type: none;
}

.sidebar ul li {
    margin-bottom: 15px;
}

.sidebar ul li a {
    color: #ecf0f1;
    text-decoration: none;
    font-size: 18px;
}
.main-content {
    flex: 1;
    padding: 40px;
    background-color: #f8f9fa;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .page-wrapper {
        flex-direction: column; /* Stack vertically on mobile */
    }
    
.sidebar {
        width: 100%;
        height: auto;
        display:flex;
        justify-content:flex-end;
        ;
}