.fpsf {
    border: 1px solid black; /* Black border */
    border-radius: 10px;     /* Rounded corners */
    width: 920px;            /* Fixed width */
    margin: auto;            /* Centers the div */
    padding: 10px;           /* Padding inside the border */
}

.titlebar {
    font-family: Arial, sans-serif; /* Commonly available font */
    font-size: 24px;                /* Larger font size */
    color: #FFFFFF;                 /* White text color */
    background-color: #007BFF;      /* Blue background */
    border-radius: 5px;             /* Rounded corners for the titlebar */
    padding: 5px;                   /* Padding inside the titlebar */
    text-align: center;             /* Center aligns the text */
}

.input-container {
    border: 1px solid #000000; /* Black border */
    border-radius: 10px;       /* Rounded corners */
    background-color: #E0E0E0; /* Light grey background, change as needed */
    width: 80%;                /* 80% of parent container's width */
    margin: 10px auto;         /* Centers the container and adds margin */
    padding: 10px;             /* Padding inside the container */
    box-sizing: border-box;    /* Includes padding and border in the width */
}

.input-container .search-input {
    width: 100%;               /* Input takes full width of its container */
    font-size: 26px;           /* Larger font size, adjust as needed */
    padding: 5px;              /* Padding for the input field */
    border-radius: 5px;        /* Rounded corners for the input field */
    border: 1px solid #707070; /* Border for the input field */
    box-sizing: border-box;    /* Includes padding and border in the width */
}


.matchingsongs {
    border: 1px solid #000000; /* Black border */
    border-radius: 10px;       /* Rounded corners */
    background-color: #E0E0E0; /* Light grey background, change as needed */
    width: 80%;                /* 80% of parent container's width */
    margin: 10px 0 10px auto;  /* Top and bottom margin, auto right margin for right alignment */
    padding: 10px;             /* Padding inside the container */
    box-sizing: border-box;    /* Includes padding and border in the width */
}

.matchingsongs ul {
    list-style-type: none;     /* Removes bullet points */
    padding: 0;                /* Resets padding */
}

.matchingsongs li {
    border: 1px solid black;   /* Adds 1px border */
    padding: 2px;              /* Adds 2px padding */
    margin-bottom: 5px;        /* Adds margin between list items */
    border-radius: 5px;        /* Rounded corners for list items */
    box-sizing: border-box;    /* Includes padding and border in the width */
}

.selectedsongheader {
    border: 3px solid #0056b3; /* Thicker border with the same color as selectedsonglyrics */
    border-radius: 10px;       /* Rounded corners */
    background-color: #d1e0e0; /* Same background color as selectedsonglyrics */
    width: 80%;                /* 80% of parent container's width */
    margin-left: 10px;
    padding: 10px;             /* Padding inside the container */
    box-sizing: border-box;    /* Includes padding and border in the width */
}

.selectedsonglyrics {
    border: 3px solid #0056b3; /* Thicker border with a different color */
    border-radius: 10px;       /* Rounded corners */
    background-color: #d1e0e0; /* Different background color, change as needed */
    width: 80%;                /* 80% of parent container's width */
    margin-left: 100px;
    padding: 10px;             /* Padding inside the container */
    box-sizing: border-box;    /* Includes padding and border in the width */
}





.selected-song {
    background-color: #f0f0f0; /* Example: light grey background */
    font-weight: bold;         /* Example: bold text */
    /* Add other styles as needed */
}

.matchingsongs ul {
    list-style-type: none; /* Removes bullet points */
    margin: 0;            /* Removes margin */
    padding: 0;           /* Resets padding */
}

.matchingsongs li {
    border: 1px solid black; /* Adds 1px border */
    padding: 2px;            /* Adds 2px padding */
    margin: 0;               /* Ensures no margin */
}