.container {
    display: grid;
    min-height: 100vh;
    grid-template-columns: 0.2fr 1fr 0.2fr;
    grid-template-rows: 0.05fr 0.5fr 0.5fr 0.1fr;
    grid-template-areas:
      "nav nav nav"
      "sidebar main sidebar2" /* Adjusted grid template areas for sidebar and sidebar2 */
      "sidebar section sidebar2"
      "footer footer footer";
    grid-gap: 0.0rem;
    font-weight: 800;
    text-transform: none;
    font-size: 12px;
    color: #000000;
    text-align: center;
  }
  
  .nav {
    grid-area: nav;
    background: rgba(255, 0, 208, var(--tw-bg-opacity));
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3px;
  }
  
  .navbar-content {
    display: flex;
    align-items: center;
    flex: 1; /* Use flex property to make it take remaining space */
  }
  
  .navbar-content img[alt="BBlogo"] {
    width: 150px; /* Adjust the width as needed */
    height: 50px; /* Maintain aspect ratio */
    margin-top: 10px; /* Remove default margin */
    margin-left: 10px;
}

  
  .logos {
    display: flex;
    margin-left: auto;
    justify-self: end;
    margin-top: 10px;
  }
  
  
  .logos a,
  .logos #statsLogo {
    margin-left: 20px; /* Add margin between logos */
    justify-self: end;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    transition: transform 0.3s ease-in-out; /* Add a smooth transition effect */
  }

  .logos a:hover,
.logos #statsLogo:hover {
    transform: scale(1.2); /* Adjust the scaling factor as needed */
  }


  
  #sidebar {
    background: rgba(255, 0, 208, var(--tw-bg-opacity));
    grid-area: sidebar;
    border-radius: var(--main-radius);
    padding-top: var(--main-padding);
  }
  
  #sidebar2 {
    background: rgba(255, 0, 208, var(--tw-bg-opacity));
    grid-area: sidebar2; /* Corrected the grid-area to sidebar2 */
    border-radius: var(--main-radius);
    padding-top: var(--main-padding);
  }
  
  footer {
    background: rgba(255, 0, 208, var(--tw-bg-opacity));
    grid-area: footer;
    border-radius: var(--main-radius);
    padding-top: var(--main-padding);
    text-align: center; /* Center the content horizontally */
    align-items: center
  }
  
  footer p {
    margin: 0; /* Remove default margin to prevent extra spacing */
  }
  
  footer a {
    display: inline-block; /* Display links in a line */
    margin: 0 10px; /* Add some spacing between links, adjust as needed */
    text-decoration: none;
    color: #000000; /* Set the link color */
    font-weight: bold;
  }
  
  footer a:hover {
    text-decoration: underline; /* Add underline on hover */
  }
  
  
  @media only screen and (max-width: 550px) {
    .container {
      grid-template-columns: 1fr;
      grid-template-rows: 0.1fr 0.0fr 1fr 0.0fr 0.1fr;
      grid-template-areas:
        "nav"
        "sidebar"
        "main"
        "sidebar2"
        "footer"
        ;
    }
  }

  .next-in {
    margin-bottom: 10px; /* Margin bottom for next-in */
}

#countdownAnchorage {
  color: red; /* Red color for countdown */
  font-size: 24px; /* Bigger font size for countdown */
}