#my_tab_box {height: 600px !important;}

/* Styling for the summary tables */
.summary-table {
    font-size: 150%;
    border: 1px solid black;
    padding: 5px;
    background-color: #f5f5f5;
}

/* Plot styling */
#myplot {
    height: 550px !important;
}

 #image {
        padding-bottom: 0px;
        text-align: center;
        border: 1px solid black;
        height: 105px;
    }
   
   
   #picky {
     margin-top: 10px;
   }
   
  
   
     #pick {
   
    margin-top: 10px; /* Space above the button */
    border: 1px solid black;
  }

 #header a {
    font-size: 25px;
    color: white;
    margin: 0 10px;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
  }
  #header a:hover {
    background-color: #333;
  }
  #header a.active {
    background-color: #555;
  }
  #nav-links {
    display: flex;
    align-items: center; 
  }
   /* Styles for links in #links div */
    #links {
    margin-top: 35px;  /* adjust this value as needed */
    display: flex;
    align-items: center;
    gap: 70px;
  }

  #links a {
    background-color: #000;
    border: 1px solid #333;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
    transition: background-color 0.3s, transform 0.3s;
    text-align: center;
  }

  #links a:hover {
    background-color: #111;
    cursor: pointer;
    transform: scale(1.05);
  }

  #links a:active {
    transform: scale(1); 
    background-color: #222;
  }
  
  #header h1 {
    margin: 0; /* Removes default margins */
  }
  
 #view_data_btn {
    background-color: #000; /* Primary color: Black */
    border: 1px solid #333; /* Dark Gray border */
    color: white; /* Text color */
    padding: 10px 20px; /* Button padding */
    border-radius: 5px; /* Rounded corners */
    font-weight: bold; /* Bold text */
    font-size: 16px; /* Font size */
    transition: background-color 0.3s, transform 0.3s; /* Smooth transition for hover effects */
    margin-top: 7px;  /* This ensures vertical centering by adjusting top and bottom margins */
  }

  #view_data_btn:hover {
    background-color: #111; /* Slightly lighter black when hovered */
    cursor: pointer; /* Hand cursor when hovered */
    transform: scale(1.05); /* Slightly enlarges the button when hovered */
  }

  #view_data_btn:active {
    transform: scale(1); /* Returns to normal size when clicked */
    background-color: #222; /* Slightly darker black when active (clicked) */
  }
  

/* Analyst commentary styling */
.analyst-commentary {
    font-size: 175%;
    border: 1px solid black;
    padding: 10px;
}

/* Styling for the game logs header */
.game-logs-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}