/* Cool and Fresh Theme Colors */
body {
    font-family: 'Arial', sans-serif;
    background-color: #EDF5E1; /* Light greenish background */
    color: #333;
}

.container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

h1, h2, h3 {
    color: #05386B; /* Deep blue */
    font-weight: bold; /* Make the text bold */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a subtle text shadow */
    line-height: 1.2; /* Adjust line height for better readability */
    margin-bottom: 10px; /* Add some spacing below the headings */
    text-align: center;
}


table {
    width: 80%;
    border-collapse: collapse;
    border-color: #05386B;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #05386B;
    vertical-align: center;
    border-bottom: #05386B;
}

th {
    background-color: #7FB4D6; /* Mint green */
    color: #fff;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

/* Styling for Audio Controls */
audio {
    /* margin-top: 20px; */
    display: block;
    width: 100%; /* Adjust the width to fit the container */
    max-width: 100%; /* Ensure the audio element doesn't exceed its container */
}

/* Change the color of audio controls */
audio::-webkit-media-controls-panel {
    background-color: #7FB4D6; /* Mint green background */
    color: #fff; /* White text color */
}

audio::-webkit-media-controls-play-button {
    color: #fff; /* White play button color */
}

audio::-webkit-media-controls-volume-slider::-webkit-slider-thumb {
    background-color: #7FB4D6; /* Mint green slider thumb color */
}

audio::-webkit-media-controls-seek-back-button,
audio::-webkit-media-controls-seek-forward-button {
    color: #fff; /* White seek buttons color */
}


/* Styling for Images */
img {
    /* margin-top: 20px; */
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 50%;
    /* width: 100%; */
    /* height: auto; */
}

/* Styling for Anchor Links */
.link-boxes {
    display: flex; /* Use flexbox to create a row layout */
    justify-content: space-between; /* Distribute items evenly along the row */
    margin-top: 20px;
    width: 40%;
}

a {
    display: inline-block; /* Make the anchor links behave like blocks */
    background-color: #7FB4D6; /* Mint green */
    color: #fff; /* White text color */
    text-decoration: none;
    padding: 10px;
    border-radius: 8px;
    transition: background-color 0.3s; /* Smooth transition for background color change */
}

a:hover {
    background-color: #05386B; /* Deep blue on hover */
}

/* Styling for <p> Elements */
p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

/* Adjust the widths of individual columns in the handcrafted table */
#handcrafted th:nth-child(1),
#handcrafted td:nth-child(1) {
    width: 30%;
}
#handcrafted th:nth-child(2),
#handcrafted td:nth-child(2) {
    width: 30%;
}
#handcrafted th:nth-child(3),
#handcrafted td:nth-child(3) {
    width: 40%;
}

/* Adjust the widths of individual columns in the audioldm table */
#audioldm th:nth-child(1),
#audioldm td:nth-child(1) {
    width: 20%;
}
#audioldm th:nth-child(2),
#audioldm td:nth-child(2) {
    width: 30%;
}
#audioldm th:nth-child(3),
#audioldm td:nth-child(3) {
    width: 30%;
}
#audioldm th:nth-child(4),
#audioldm td:nth-child(4) {
    width: 20%;
}

/* Adjust the widths of individual columns in the im2wav table */
#im2wav th:nth-child(1),
#im2wav td:nth-child(1) {
    width: 20%;
}
#im2wav th:nth-child(2),
#im2wav td:nth-child(2) {
    width: 30%;
}
#im2wav th:nth-child(3),
#im2wav td:nth-child(3) {
    width: 30%;
}
#im2wav th:nth-child(4),
#im2wav td:nth-child(4) {
    width: 20%;
}

/* Styling for the separator line */
.separator {
    text-align: center; /* Center-align the line */
}

.separator hr {
    border: none; /* Remove default hr border */
    border-top: 2.5px solid #7FB4D6; /* Mint green top border */
    margin: 30px auto; /* Space above and below the line */
    width: 90%; /* Set the line width */
}

/* Styling for a Single Link (Remove or Modify Box Styling) */
#paper-link {
    /* Remove or override the box styling */
    background-color: transparent;
    border: none;
    color: #05386B; /* Set the desired text color */
    text-decoration: underline; /* Add an underline to the link */
    padding: 0px;
}