.layout-container {
    display: flex;
    justify-content: space-between; /* Adds space between the boxes */
}

.subscriptions-box {
    flex: 1 0 33%; /* flex-grow, flex-shrink, flex-basis */
    padding: 20px;
    margin: 10px;
    background-color: #eaeaea; /* Slightly darker background for subscriptions */
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.newsfeed-box {
    flex: 1 0 66%; /* flex-grow, flex-shrink, flex-basis */
    padding: 20px;
    margin: 10px;
    background-color: #f9f9f9; /* Light grey background for newsfeed */
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.dropdown-text {
    font-size: 16px;
    color: #333;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.accessBox {
    flex: 1 1 0px;
    height: 144px;
    border-radius: 8px;
    border: 1px;
    justify-content: space-between;
    padding: 24px;
    background-color: #ffffff;
    color: #FFFFFF;
    text-decoration: none;
}
.pillarBox {
    flex: 1 1 0px;
    height: 272px;
    width: 270px;
    border-radius: 8px;
    gap:12px;
    padding: 24px;
    background-color: #ffffff;
}
.pillarTitle {
    height:44px;
    width:222px;
}
.pillarText {
    height: 168px;
    width: 222px;
}
.break {
    flex-basis: 100%;
    height: 0;
}