.content-with-sidebar-container {
    display: flex;
    flex-direction: row;
    width: 100%; /* Ensures the container takes up the full page width */
    gap: 2px; /* Adjust spacing between content and sidebar */
}

.main-content {
    flex: 3; /* Adjusts the width ratio of the main content */
    padding: 10px; /* Optional: Add padding for better readability */
}

.sidebar {
    flex: 1; /* Adjusts the width ratio of the sidebar */
    padding: 10px; /* Optional: Add padding for better styling */
}
.footer {
    color: #ffffff; /* Changes text color to white */
}

.footer a {
    color: #ffffff; /* Ensures links in the footer are also white */
    text-decoration: none; /* Optional: removes underline for links */
}

.footer a:hover {
    color: #dddddd; /* Optional: changes link color slightly on hover */
}
body {
    background-attachment: fixed;
    background-image: url('https://heavyhighwayconst.com/user/themes/deliver/images/p6.webp'); /* Path to your texture */
    background-repeat: repeat; /* Tiles the texture seamlessly */
    background-size: auto; /* Keeps the texture at its original size */
    background-color: #e4dddd; /* Fallback color if the image doesn't load */
}