@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;
	background-size: 100%;
	background-position: top center;
	background-attachment: fixed;
	margin: 0%;
    overflow-x: hidden;
}
#info-cont {
	background-color: rgba(0,0,0,0.5);
	padding-bottom: 1%;
}
#map-wrap {
	display: none;
	margin: 2%;
}
#meta-wrap {
	margin-left: 5%;
}
#updated {
	position: absolute;
	top: 0.5%;
	left: 0.5%;
	font-size: 1vw;
	color: rgba(203,59,40,0.8);
	margin: 0px;
}
#title {
	color: rgb(255,189,47);
	font-size: 4.5vw;
	text-align: center;
	margin: 0%;
	padding-top: 1%;
}
#map-img {
	width: 20%;
	height: auto;
	border-radius: 1%;
}
#map-desc {
	width: 40%;
	color: rgb(241,228,199);
	font-size: 2vw;
	margin-left: 5%;
}
#map-date {
	color: rgba(203,59,40,0.8);
	font-size: 2vw;
}
#map-owner {
	color: rgb(110,150,72);
	font-size: 2vw;
}
#map-link {
	font-size: 2vw;
}
#map-vote {
	color: rgb(241,228,199);
	font-size: 2vw;
	text-align: center;
}

#graph-toggle {
	font-size: 2vw;
	color: rgb(110,150,72);
	margin-left: 2%;
	margin-top: -1%;
	padding-bottom: 0.5%;
	user-select: none;
}
#graph {
	width: 60%;
	height: 80%;
	margin-left: 20%;
	margin-bottom: 0%;
}

#search-cont {
	width: 84%;
	height: auto;
	margin-top: 3%;
	margin-left: 8%;
}
#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;
	margin: 0.5%;
	padding: 2% 0.5%;
}
#sort-completed {
	width: 20%;
	font-size: 3vw;
	color: rgb(110,150,72);
	text-align: center;
	margin: 0px;
	margin-left: 40%;
	background-color: rgba(0,0,0,0.6);
	user-select: none;
	cursor: pointer;
}

#rank-cont, #sort-cont {
	margin-top: 3%;
	margin-left: 8%;
}
#sort-cont {
	user-select: none;
}
#sort-cont p, #sort-cont img {
	cursor: pointer;
}
.rank-entry {
	position: relative;
	width: 90%;
	height: 4%;
	font-size: 3vw;
	background-color: rgba(0,0,0,0.6);
	padding: 0.5%;
	padding-bottom: 2%;
	margin: 0.5%;
}
.rank-entry p {
	position: absolute;
	margin-top: 0%;
	margin-bottom: 0%;
}
.rank-entry a {
	color: rgb(255,189,47);
	text-decoration: none;
}
.rank-place {
	left: 1%;
	color: rgb(241,228,199);
	float: left;
	user-select: none;
}
#sort-arrow {
	width: auto;
	height: 150%;
	left: 1%;
}
.rank-name {
	left: 6%;
	color: rgb(255,189,47);
	float: left;
	margin-left: 5%;
}
.rank-map {
	font-size: 2vw;
	left: 6%;
	bottom: 1%;
	color: rgb(255,189,47);
	float: left;
	margin-left: 5%;
}
.rank-score {
	right: 15%;
	color: rgb(110,150,72);
	float: right;
	margin-right: 10%;
	user-select: none;
}
.rank-date {
	right: 1%;
	color: rgba(203,59,40,0.8);
	float: right;
	user-select: none;
}