html, body {
    height: 100%; /* Full height */
    margin: 0; /* Remove default margin */
}

body {
    font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
    background-color: #d9dee2;
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

#content-box {
    background-color: #fff;
    width: 600px; /* Adjust width as needed */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-height: 90vh; /* Prevent box from being too tall */
    overflow-y: auto; /* Allow scrolling if content is too long */
}

h1, h2, h3, h4 {
    text-align: left; /* Align headings to the left */
}

p {
    margin: 0 0 10px; /* Add some space below paragraphs */
}

.success-message {
    color: green; /* Style for success message */
    margin-bottom: 20px; /* Add space below success message */
}

button {
    background-color: #007bff; /* Button background color */
    color: white; /* Button text color */
    border: none; /* Remove border */
    border-radius: 4px; /* Rounded corners */
    padding: 10px 15px; /* Button padding */
    cursor: pointer; /* Pointer cursor on hover */
}

button:hover {
    background-color: #0056b3; /* Darker shade on hover */
}

a {
    color: #007bff; /* Link color */
    text-decoration: none; /* Remove underline */
}

a:hover {
    text-decoration: underline; /* Underline on hover */
}

ul {
    list-style-type: none; /* Remove default bullet points */
    padding: 0; /* Remove padding */
}

li {
    margin-bottom: 10px; /* Add space between list items */
}

label {
    cursor: pointer; /* Pointer cursor for labels */
}