h2 {
    color: white; /* Set the color of section headings to white */
}

.centered h1 {
    text-align: center;
    color: white;
    text-decoration: underline;
}

.records-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
  
.record-row {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center align the records within the row */
}

.record {
    border-radius: 10px;
    border: 1px solid #888888;
    background: linear-gradient(-45deg, #242424, #1a1a1a, #1a1a1a); /* Background color for records */
    color: white;
    padding: 10px; /* Adjust padding as needed */
    width: auto;  /* Set width of each record (5 records in a row) */
    margin-right: 20px; 
    margin-bottom: 20px; /* Adjust margin as needed */
    box-sizing: border-box; /* Include padding and border in width calculation */
    text-align: center; /* Center text */
}

.record img.avatar {
    border-radius: 10px; /* Round the avatar images */
    width: 50px; /* Adjust the width of the avatar images */
    height: 50px; /* Adjust the height of the avatar images */
    margin-bottom: 10px; /* Center the images horizontally */
}

.record-hover:hover {
    transform: scale(1.10); /* Increase size by 5% */
}

.record-section {
    position: relative;
}

select {
    padding: 7px;
    font-size: 16px;
    border: 1px solid #272727;
    border-radius: 5px;
    background-color: #161616;
    color: #ffffff;
    appearance: none;
    -webkit-appearance: none;
}

.disclaimer {
    text-align: center;
    color: darkgrey;
    font-size: smaller;
}

.disclaimer-heading {
    color: white;
    text-decoration: underline;
}

.disclaimer-text {
    padding-bottom: 40px;
}