#image-placeholder {
    border: 1px solid #000000;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    margin: 0 auto; /* Add this line */
}


/* gpt */
body {
    font-family: 'Arial', sans-serif; /* You can change this to the desired font */
    line-height: 1.2;
    padding: 20px; /* should only add for phone screens */
}

#header {
    font-size: 20px; /* Font size for the header */
    margin-bottom: 20px; /* Bottom margin for the header */
}

#message {
    font-size: 16px; /* Font size for the message */
    margin-bottom: 20px; /* Bottom margin for the message */
}

#gift-inclusion {
    margin-top: 20px; /* Top margin for the gift inclusion section */
}

#gift-placeholder {
    background-color: #ccc; /* Background color for the gift placeholder */
    width: 100%; /* Full width */
    height: 150px; /* Height of the placeholder */
    margin-bottom: 20px; /* Bottom margin for the placeholder */
}

#gift-choice {
    font-size: 16px; /* Font size for the gift choice text */
    margin-bottom: 20px; /* Bottom margin for the gift choice text */
}

#gift-choice ul {
    list-style-type: none; /* No bullets for the list */
    padding: 0; /* No padding for the list */
}

#gift-choice li {
    margin-bottom: 10px; /* Bottom margin for each list item */
}

/* New gift page */

h1 {
    text-align: center;
}

form {
    display: flex;
    flex-direction: column;
}

label {
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="url"],
textarea {
    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid;
    border-radius: 4px;
}

button {
    padding: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}

/*gift status*/

.status-container {
    width: 100%;
}

ul {
    list-style-type: none; /* Removes default list bullets */
    padding: 0;
}

li {
    margin-bottom: 5px;
}