/* Style for the fixed row index */
.menu1 {
    display: flex;
    height:20px;
    justify-content: center; /* Center the links horizontally */
    bottom: 20px;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fbf7f7;
    padding: 10px;
    z-index: 1001;
}

.menu1 a {
    margin-right: 20px;    
    text-decoration: none;
    color: #000;
    font-weight: bold;
    
}

/* ... (existing styles) ... */


/* Reset default margins and paddings */
body, h1, p {
    margin: 0;
    padding: 0;
}

/* Set the background color and font style */
body {
    font-family: Arial, sans-serif;
    background-color: #f1f1f1;
}

/* Set up the container for four album covers for the page */
.container {
    max-width: 1000px;
    margin: 100 auto;
    padding: 20px;
}

/* Style for the index headings row */
.index-headings {
    font-size: 14pt;
    text-align: center;
    margin-bottom: 10px;
}

/* Style for the page header row */
.page-header {
    font-size: 0pt; /* Increase the text size for the header */
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px; /* Adjust the top margin here to move the header down */
}


/* Style for the index links row */
.index-links {
    text-align: center;
    margin-bottom: 20px;
}

/* Style for each index link */
.index-link {
    font-size: 16pt;
    text-decoration: none;
    margin: 0 10px;
    color: #000;
}

/* Hide all tables initially */
.csv-table {
    display: none;
    margin-top: 20px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
}

/* Style for the visible table */
.active-table {
    display: block;
}

/* Table styles (customize as needed) */
.csv-table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.csv-table th, .csv-table td {
    border: 1px solid #ccc;
    padding: 18px;
}

/* Center the tables within the tables-container */
.tables-container {
    margin: 0 auto;
    max-width: 1100px; /* Set a maximum width to avoid overly wide tables */
}

/* Center the images and text within image wrappers */
.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px; /* Adjust the margin between the images and the header */
    margin-top: 15px;
}

.image-wrapper {
    text-align: center;
    margin: 1 10px; /* Adjust the horizontal margin between the images */
    flex: 0; /* Allow each wrapper to grow and fill the available space */
}

/* Add a small buffer between the images */
.image-wrapper:not(:first-child) {
    margin-left: 15px;
}

/* Center the header text */
.header-wrapper {
    display: flex;
    justify-content: center;
}
/* specs for onclick function to place album cover in lower left corner */
.photo-container {
    position: relative;
    width: 100%;
    height: 400px;
    background-color: #f1f1f1;
}

.photo {
    position: absolute;
    bottom: 20px;
    left: 20px;
    max-width: 20px;
}
/* For three image box selector */
.container2 {

display: inline-block;
position: relative;
justify-content: center;
}


.billboard {
    width: 60%; /* Adjust this as needed */
    top: 91px; /* Adjust the top position as needed */
    left: 387px; /* Adjust the left position as needed */
    height: auto;
    align-content: center;
}

/* Sizing and positioning for each of the three images --  album1, album2, album3 -- within the larger main box image, album_main; */

.overlay-image1 {
    position: absolute;
    width: 14%; /* Adjust this as needed */
    top: 26%; /* Adjust the top position as needed */
    left: 25%; /* Adjust the left position as needed */
    z-index: 1000; /* Adjust the z-index if necessary */
}
.overlay-image2 {
    position: absolute;
    width: 14%; /* Adjust this as needed */
    top: 26%; /* Adjust the top position as needed */
    left: 50%; /* Adjust the left position as needed */
    transform: translateX(-50%); /* Center horizontally */
    z-index: 1; /* Adjust the z-index if necessary */
}
.overlay-image3 {
    position: absolute;
    width: 14%; /* Adjust this as needed */
    top: 26%; /* Adjust the top position as needed */
    left: 61.3%; /* Adjust the left position as needed */
    z-index: 1; /* Adjust the z-index if necessary */
}