/**************************Dialog settings*************************************/
.story_dialog
{
	/*Centered*/
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*Other*/
	display: flex;
	background-color: white;
	border: 7px solid;
	border-radius: 8px;
	border-image-source: url("../images/dialog_border.png");
	border-image-slice: 8;
	border-image-repeat: round;
	position: absolute;
	padding: 7px;
	align-items: center;
	min-width: 250px;
	min-height: 200px;
	width: 50%;
	height: 35%;
}

.character
{
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 30%;
	height: 100%;
	min-width: 110px;
	min-height: 180px;
}

.dialog_button_area
{
	display: flex;
	flex-direction: column;
	min-width: 140px;
	width: 70%;
	height: 100%;
	align-items: center;
}

.dialog_button_area > div
{
	height: 70%;
	display: flex;
	flex-direction: column;
	
	text-align: center;
	justify-content: center;
}

.button_story
{
	background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
	cursor: pointer;
	font-size: 20px;
	width: 25%;
	min-width: 100px;
	height: 15%;
}