article {
	margin: 0;
	width: 100%;
	max-width: unset;
}

#ksm-app {
	display:flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
}
#ksm-content { 
	/* height: calc(100vh - 100px); */
	width: 50vw;
	padding: 50px;
	text-align: center;
	background-color: rgb(242,243,240);
	color: rgb(161,169,177);
	font-family: Helvetica, Arial, sans-serif;
}
#ksm-map { 
	height: 100vh;
	width: 50vw;
}

.user-point {
	/*  */
	transition: all 1000ms ease-in-out;
}
#ksm-legend-container {
	/* position: fixed; */
	bottom: 0;
	left: 0;
	margin: auto 10px;
	padding: 20px;
	display: flex;
	flex-direction: row;
	gap: 5px;
}
.legend {
	display: block;
	max-width: 100px;
	margin:  2px;
	padding: 1px 4px;
	text-align: center;
	color: var(--color-text-main);
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 1;
	color: #000;
}