body {
	background:linear-gradient(to right, #2C3E50,#2980B9) fixed;
	background-size: cover;
	font-family:tahoma,sans-serif;
	width:1000px;
	margin:auto;
	font-size:14px;
	word-wrap:break-word;
	color:#ffffff;
	font-weight:bold;
	overflow-y:scroll;
}

#topmenu {padding: 1em; border-bottom: 2px dashed black; display: flex; align-items: flex-end;}
#topmenu > li {display: inline-block;padding: 0 10px;}
#topmenu > li:before {content: '► ';}
.right-align {margin-left: auto;}
.logo_img {border:none; height: 30px; vertical-align: sub;}

table{font:16px;margin:0 auto;text-align:center;width:970px}
.lists_table tr:nth-child(n) {background-color:rgba(50,50,50,0.5);}
.lists_table tr:nth-child(2n) {background-color:rgba(0,0,0,0.5);}
.lists_table td{padding:8px;}
.lists_table td.a{width:40%;text-align:left;}
.lists_table td.b{width:10%;}
.lists_table td.c{width:24%;}
.lists_table td.d{width:12%;}
.lists_table td.e{width:28%;}
.lists_table td.f{width:18%;}
.lists_table td.x{width:6%;}
.lists_table td.y{width:34%;text-align:left;}
.lists_table td.z{width:34%;text-align:left;background:linear-gradient(to right,rgba(142, 214, 41, 0.8),rgba(106, 166, 33, 0.8));}
.lists_table td.z a:link, .lists_table td.z a:visited {text-decoration:none; color:#cdff1a;}
.lists_table td.z a:hover, .lists_table td.z a:active {color:#ffffff;}

.players_table td:nth-child(n) {background-color:rgba(0,0,0,0.5);}
.players_table td:nth-child(2n) {background-color:rgba(50,50,50,0.5);}
.players_table td{width:25%;padding:8px;}

.maps_table tr {display: flex; justify-content: center; gap: 40px; margin-bottom: 20px;}
.maps_table tr:first-child {margin-bottom: 10;}
.maps_table tr:last-child {margin-bottom: 0;}
.maps_table td {text-align: center; box-sizing: border-box;}

.map-container {
	position: relative; 
	width: 100%; 
	max-width: 150px; 
	height: 100%; 
	max-height: 100px; 
	margin: 0 auto; 
	border-radius: 5px; 
	overflow: hidden;
}

.maps_img {
	width: 100%; 
	height: auto; 
	display: block; 
	transition: transform 0.5s ease;
}

.map-container:hover .maps_img {
	transform: scale(1.1);
}

.map-name {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	color: white; 
	font-size: 14px; 
	font-weight: bold; 
	text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.9), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; 
	letter-spacing: 2px; 
	padding: 5px 5px; 
	background-color: rgba(0, 0, 0, 0.6); 
	border-radius: 5px;
}

.map-name-highline {
	animation: pulse 3s infinite;
}

@keyframes pulse {
	0% { box-shadow: 0 0 0 0 rgba(244, 123, 32, 0.7); }
	70% { box-shadow: 0 0 0 15px rgba(244, 123, 32, 0); }
	100% { box-shadow: 0 0 0 0 rgba(244, 123, 32, 0); }
}

.title-name-highline {
	border-radius: 5px;
	animation: pulse2 3s infinite;
}

@keyframes pulse2 {
	0% { box-shadow: 0 0 0 0 rgba(102, 192, 244, 0.7); }
	70% { box-shadow: 0 0 0 15px rgba(102, 192, 244, 0); }
	100% { box-shadow: 0 0 0 0 rgba(102, 192, 244, 0); }
}

a:link, a:visited {text-decoration:none; color:#66c0f4}
a:hover, a:active {color:#f47b20;}

.spacer {height:6px; width:60%; margin:auto; margin-top: 10px; margin-bottom: 10px; border-top: 1px dashed #1f4460;}

#search-input1 {
	vertical-align:top;
	width: 200px;
	height: 30px;
	padding: 5px;
	border: 0px;
	outline:none;
	color: #ffffff;
	background-color:rgba(50,50,50,0.5);
}
#search-input2 {
	vertical-align:top;
	width: 80px;
	height: 30px;
	padding: 5px;
	border: 0px;
	color: #ffffff;
	background-color:rgba(0,0,0,0.5);
	cursor: pointer;
}
#search-input2:hover {background-color:rgba(244,123,32,0.5);}