@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');

body {
	height: 100vh;
	width: 100vw;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}

#map {
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	margin: 0;
}

.bb {
	user-select: none;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	max-width: calc(100vh-80px);
}

.bb img {
	margin: 0.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-height: 3em;

	padding: 0.3em;

	background-color: #fff;
	border-color: #111;
	border-width: 0.1em;
	border-style: solid;
	border-radius: 1em;
}

.leaflet-popup-content {
	font-family: 'Roboto', sans-serif;
	width: 30vh
}

.leaflet-popup-content div {
	display: flex;
	flex-direction: column;
}

.leaflet-popup-content div img {
	width: 50%;
	align-self: center;
}

.leaflet-popup-content div p { margin: 0; }
.leaflet-popup-content div textarea { height: 3em; }
.leaflet-popup-content div button { font-size: 2em; }