html, body {
    height: auto;
}

html {
    display: block;
    margin: auto;
}

body {
    /* display: table-cell;
    vertical-align: middle; */
	border: 1px solid #000000;	/* Surround the content with a solid black border */
	border-radius: 10px;			  /* Round the corners of the body section */
	background-color: #ffffff;
    max-width: 55rem;
    margin: 0.5em auto;
    padding: 0.75rem;
    display: block;
}

p {
    display: block;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
}

input {
    border: 1px solid #000000;
	border-radius: 1px;			  /* Round the corners of the body section */
}

textarea {
    border: 1px solid #000000;
}

.prompt_choice {
    width: 100%;
    height: fit-content;
    text-overflow: ellipsis;
}

.prompt_block {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}

.prompt_response {
    width: 100%;
    height: 5em;
}

.profilePicture {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.list_person {
    display: block;
    margin: auto;
    width: 100%;
    height: 100px;
	border: 1px solid #000000;	/* Surround the content with a solid black border */
	border-radius: 10px;			  /* Round the corners of the body section */
}

.thumbnail {
    max-height: 90%;
    margin: auto;
    padding: 5px 5px;
    vertical-align: middle;
}

.list_person_span_0 {
    float: left;
    text-align: left;
    width: 20%;
    height: 100%;
}

.list_person_span_1 {
    float: right;
    display: flex;
    width: 20%;
    height: 100%;
    text-align: right;
    vertical-align: middle;
}

.list_person_contact_div {
    float: right;
    display: flex;
    width: max-content;
    height: 100%;
    text-align: right;
    vertical-align: middle;
    margin-right: 5;
}

.like_link {
    vertical-align: middle;
}
 
h1 {
    text-align: center;
}

.index_p {
    text-indent: 2em;
}