@font-face {
	font-family: beton-font;
	src: url('../../font/RU_Bebas Neue.ttf');
}
.bebas-neue-regular {
	font-family: beton-font, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 4px;
}

body {
	background-color: #444;
	margin: 0%;
}
.header {
	color: rgb(241,228,199);
	font-size: 4.5vw;
	text-align: center;
	user-select: none;
	background-color: rgba(0,0,0,0.5);
	padding: 1%;
	margin: 0%;
}

#search-cont {
	width: 95%;
	height: auto;
	margin-top: 1%;
	margin-left: 3%;
	font-size: 1.5vw;
	color: rgb(255,189,47);
}
#search-text {
	width: 100%;
	height: 5%;
	border-radius: 5px;
	border-style: solid;
	border-width: 5px;
	border-color: #000;
	background-color: rgba(0,0,0,0.6);
	color: rgb(241,228,199);
	font-size: 2.5vw;
	text-align: center;
	padding: 2% 0.5%;
}
#search-cont select {
	border-radius: 5px;
	border-style: solid;
	border-width: 5px;
	border-color: #000;
	background-color: rgba(0,0,0,0.6);
	color: rgb(241,228,199);
	font-size: 1.5vw;
	margin-top: 1%;
	padding: 0.5%;
}

#list-cont {
	height: 0%;
	margin: 3%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 3%;
}
#list-cont a {
	text-decoration: none;
	margin-bottom: 20%;
}
.list-item {
	position: relative;
	width: 100%;
	height: 101%;
	color: rgb(241,228,199);
	font-size: 1.7vw;
	letter-spacing: 1px;
	background-color: rgba(0,0,0,0.6);
	padding: 4%;
	border-radius: 1%;
	text-wrap: nowrap;
}
.map-title {
	color: rgb(255,189,47);
	position: absolute;
	width: 90%;
	margin: 0%;
	overflow: hidden;
}
.map-img {
	width: 100%;
	height: auto;
	border-radius: 1%;
	margin-top: 15%;
	margin-bottom: 2%;
}
.map-owner {
	color: rgb(110,150,72);
	position: absolute;
	width: 90%;
	margin: 0%;
	overflow: hidden;
}