.grid-container {
    display: grid;
    /* Remove the max-width to allow it to take full width */
    /* max-width: 960px; */
    width: 100%; /* Ensure it takes 100% of the viewport width */
    margin: 0; /* Remove auto margins that were centering it */
    padding: 15px; /* Keep some padding around the content */
    grid-template-columns: minmax(150px, 20%) 1fr minmax(150px, 20%); /* Adjust sidebar widths as percentages or fixed */
    gap: 15px;

    box-sizing: border-box; /* Ensure padding and border are included in the 100% width */
    min-height: 100vh; /* Optional: Make the container at least the height of the viewport */
}

h1,h2,h3,h4,h5,h6{
  color:black !important;
  }
  
.gradient{
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(204, 204, 204, 0.5));
    margin:10px;
    padding:10px;
    border-radius:10px;
    border-style: solid;
    border-color:#FFFF;
    box-shadow: 5px 10px 18px #888888;
  }
  
#header-box{
  display: flex;
  align-items: center; 
  justify-content: center;
  background-color:white;
  border-radius:10px;

  }
  
#main-content-box{
  background-color:white;
  margin:10px;
  padding:10px;
  border-radius:10px;
  }