.container
{
	display: flex; /* Enable flexbox for the container */
}

.box_1
{
	background-color: white; /* Example background color */
	/*border: 1px solid black;*/ /* Example border */
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	/*height: 150px;*/ /* Example height */
	/*width: 200px;*/
	/*width: 50%;*/ /* Each box takes up 50% of the container width */
}

.box_2
{
	background-color: white; /* Example background color */
	/*border: 1px solid black;*/ /* Example border */
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	height: 300px; /* Example height */
	width: 400px;
	/*width: 50%;*/ /* Each box takes up 50% of the container width */
}

/* Optional styling to add some space between the boxes */
.box_1 + .box_1
{
	margin-left: 10px;
}

.box_1 + .box_2
{
	margin-left: 10px;
}

.table_frame
{
	border-collapse: collapse;
	width: 100%;
}

tr
{
	border: 1px solid black;
	padding: 8px;
	text-align: left;
}

th
{
	background-color: #f2f2f2;
 }